HTML5：固定位置效果

Question

我有<div id="naujienos">some content</div>，你可以在页面中间找到它。我想要的是：这个 div 在我滚动后立即成为固定位置。当我滚动回顶部时，它又是相对的。

我的意思是那个 div 容器的位置是固定的。

对不起我的英语。真的在寻找答案，提前谢谢你！

Answer 1

看这个：http://jsfiddle.net/5PQ36/1/

你可以用 jQuery 做到这一点...你所要做的就是设置 scrollTop:

scrollTop() > 300
滚动顶部()

在此示例中，当您从顶部滚动 300 时，您的 div 将显示，当您从顶部滚动到 600 时，它会隐藏，当您向上滚动时也是如此。

$(document).ready(function () {
    $(window).scroll(function () {
        if ($(window).scrollTop() > 300 && $(window).scrollTop() < 600) {
            $('#naujienos').css("position", "fixed");
        } else {
            $('#naujienos').css("position", "relative");
        }
    });
});