滚动时固定/浮动div元素

• Z时代
• 2024-01-10
• 分类：问答

我正在尝试在网络上进行搜索，但不确定要查找的内容是什么。我试图找出如何创建将被修复的div元素，或者仅在该元素的TOP达到窗口浏览器视图的TOP时才浮动。例如，如果某个元素位于页面的中间，那么当您继续向下滚动时，该元素将一直保留直到它即将消失，然后它才希望保留在我的浏览器顶部（固定）。

回答：

我想我正在做与您想做的事情类似的事情。试用以下代码，将所需的内容放入通知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。

以上是 滚动时固定/浮动div元素 的全部内容， 来源链接： utcz.com/qa/408309.html