gpt4 book ai didi

javascript - 当我使用固定位置滚动时无法使 div 跟随

转载 作者:太空宇宙 更新时间:2023-11-04 08:41:49 26 4
gpt4 key购买 nike

我将我的页面分为左右两部分。我用 div 来制作左导航和右导航。在右侧导航中,我也有多个 div。现在,当我向下滚动页面时,只有页面的右侧部分正在滚动,而左侧导航则停留在那里。

所以当我向下滚动页面时,我希望所有内容都滚动,包括左右 div。

这是我的 jsfiddle:https://jsfiddle.net/g2ahx6nq/

所以如果你向下滚动页面,它只会滚动右侧而不是左侧。当我们向下滚动时,我想向下滚动所有内容,包括向左和向右滚动。

这是左栏 div 的 CSS,我也在其中使用了固定位置,但仍然不起作用:

#leftBar 
{

background-color: rgb(65, 64, 66);
box-shadow: 2.996px 0.157px 7.65px 1.35px rgba(40, 40, 41, 0.25);
border-right: solid #EF7440;
border-right-width: 4px;
top: 0px;
bottom: 0px;
left: 0px;
position: fixed;
width: 161px;
}

您现在可以忽略丢失的图像和对齐方式。截至目前,我正在尝试解决此向下滚动问题。

最佳答案

固定位置用于即使滚动也不会移动的元素。我建议使用绝对而不是固定。绝对定位会将其保持在同一位置,除非滚动页面。

关于javascript - 当我使用固定位置滚动时无法使 div 跟随,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44075193/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com