当滚动1 Div时，Div关系应该保留

div relations when scrolling 1 div should be stay

本文关键字：Div 保留 关系 滚动      更新时间：2023-09-26
<script>
   $().ready(function() {
        var $scrollingDiv = $("#scrollingDiv1");
        $(window).scroll(function(){            
            $scrollingDiv
                .stop()
                .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "fast" );          
        });
    });
</script>
<script>
   $().ready(function() {
        var $scrollingDiv = $("#scrollingDiv2");
        $(window).scroll(function(){            
            $scrollingDiv
                .stop()
                .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "fast" );          
        });
    });
</script>

//////

    <div id="scrollingDiv1" style="display:inline-block;float:left;">
    </div>
    <div id="scrollingDiv2" style="display:inline-block;float:right;">
    </div>
    <div id="foodInfo" style="display:absolute;float:center;">
    </div>

嗨，scrollingDiv1, scrollingDiv2移动(滚动时保持元素在视图中)，但当我们滚动foodInfo时也移动。实际上foodInfo在这些scrollingDiv1下面，scrollingDiv2div当这些移动时，foodInfo与其他一起走。我们设置了display:absolute;，但仍然移动我们如何做到这一点。如果这个解释还不够，我可以分享链接。谢谢你。

你可以试试下面的代码:

使用position:fixed 

#foodInfo{position:fixed;}

Food infodiv可以定位为fixed

:固定;

如果这样做，则该DIV保持在固定位置，其他DIV在其下方滚动。这是固定标题菜单

中常用的技术。
相关文章：