滚动时固定/浮动div元素

Question

我正试图在网上搜索这个，但我不确定该找到什么。我试图找出如何创建一个将被修复的div元素，或者当元素的TOP到达窗口浏览器视图的TOP时浮动。例如，如果一个元素是页面的一半，当你继续向下滚动时，该元素将保持在即将消失的状态，然后它将保持在浏览器的顶部（固定）。

Answer 1

我想我正在做类似于你想做的事情。试试下面的代码，在通知div中放置你需要的东西，然后单独留下锚。

<div id="notification-anchor"></div>
<div id="notification"></div>

<script type="text/javascript"> 
    $(function() {
        var a = function() {
            var b = $(window).scrollTop();
            var d = $("#notification-anchor").offset().top;
            var c = $("#notification");
            if (b > d) {
                c.css({position:"fixed",top:"0px"})
            } else {
                c.css({position:"absolute",top:""})
            }
        };
        $(window).scroll(a);a()
    });
</script> 

编辑：您应该注意，如果您不明白，这需要您包含JQuery。