Javascript 滚动1 div时的div关系应保持不变 $（）.ready（函数（））{ 变量$scrollingDiv=$（“#scrollingDiv1”）； $（窗口）。滚动（函数（）{ $scrollingDiv .停止 .animate（{“marginTop”：（$（window.scrollTop（）+30）+“px”}，“fast”）； }); }); $（）.ready（函数（））{ var$scrollingDiv=$（“#scrollingDiv2”）； $（窗口）。滚动（函数（）{ $scrollingDiv .停止 .animate（{“marginTop”：（$（window.scrollTop（）+30）+“px”}，“fast”）； }); });

//////

<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>

---

您好，

scrollingDiv1

，

scrollingDiv2

移动（滚动时保持元素在视图中），但当我们滚动

foodInfo

时也移动。实际上，

foodInfo

在这些

scrollingDiv1

下，

scrollingDiv2

div，当这些移动

foodInfo

与其他移动一起进行时。我们设置

显示：绝对但仍然移动我们可以如何做到这一点。如果这个解释还不够，我可以分享链接。谢谢。
您可以尝试以下代码：

使用位置：固定的

    <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>

食物信息分区可以定位为固定

位置：固定

如果完成此操作，则该DIV将保持在固定位置，其他DIV将在其下方滚动。这是固定标题菜单中常用的一种技巧
我不能100%确定您的问题的意思，但我认为删除JS代码并使用CSS
position:fixed属性应该可以让你接近。检查这里，当广告移动页面信息移动时，我有两个左右的广告。没有（float:center）css属性--display:absolute和float:center是无效的右边，我删除了float-center，但仍然有问题
$scrollingDiv.stop（）。动画（{“marginTop”：（$（window.scrollTop（）+30）+“px”}，“fast”）；$（“#topBar”）.css（“position”，“fixed”）；}）已添加但不工作您可以检查显示：绝对和浮动：中心无效更改这两个选项，但仍然存在问题
#foodInfo{position:fixed;}