HTML5:固定位置效果

Question

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

我的意思是该div 容器的位置固定的间隔。

对不起我的英语。真的很想得到答案，提前谢谢你！

Answer 1

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

你可以用jQuery来做到这一点...您所要做的就是设置滚动顶部：

涡旋顶部（）> 300
scrollTop（） <600

在此示例中，当您从顶部滚动 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");
        }
    });
});