HTML5：固定位置效果

Question

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

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

抱歉我的英文。真的在寻找答案，并提前感谢你！

Answer 1

请注意： http://jsfiddle.net/5PQ36/1/

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

  

scrollTop（）＆gt; 300个
  scrollTop（）＆lt; 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");
        }
    });
});