jquery - 滚动时固定/ float div 元素

Question

我正在尝试在网络上搜索此内容，但不确定要查找的内容。我正在尝试找出如何创建一个固定的 div 元素，或者仅在元素的顶部到达窗口浏览器 View 的顶部时才 float 。例如，如果一个元素在页面的一半，当您继续向下滚动时，该元素将保持原样直到它即将消失，然后它会想留在我的浏览器的顶部(固定)。

Answer 1

我想我正在做的事情与您想要做的类似。试试下面的代码，把你需要的任何东西放在通知 div 中，让 anchor 单独一个。

<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，如果这对您来说不是很明显的话。