滚动时固定/浮动的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。