gpt4 book ai didi

javascript - 在溢出滚动时通过 javascript 调整 div 的大小会将位置重置为左侧

转载 作者:行者123 更新时间:2023-11-28 08:11:40 25 4
gpt4 key购买 nike

作为更大系统的一部分,我有 div,用户可以拖动 div,从而增加 javascript 的宽度。

包装器 div 溢出:自动;

用于滚动,因为可以有许多 div,用户可以调整宽度。但是,如果移动滚动条,比如在右侧的最后一个 div 上移动,并且 div 的宽度增加或减少,而不是停留在我们所在的位置,滚动条将始终向左推(这仅在增加宽度时发生) .

是否有 CSS 解决方案来阻止这种情况的发生?

谢谢


因为它是一个更大系统的一部分,所以很难为它发布 javascript,可调整大小的 div 的样式是:

overflow: auto;
text-align: left;
position: relative;

为了使问题更笼统,我创建了一个带有 anchor 的基本 fiddle 。如果您滚动到底部并单击“测试 2” anchor ,它将转到顶部。这是在做同样的事情,所以我希望卷轴留在底部。 fiddle 链接是:

https://jsfiddle.net/x6tfaky4/

谢谢

最佳答案

针对您的 fiddle ,您可以采取以下措施来防止页面置顶:

<a href="javascript:void(0);">test2</a>

href 属性中放置 javascript:void(0) 而不是 # 以防止您的页面导航到顶部。

关于javascript - 在溢出滚动时通过 javascript 调整 div 的大小会将位置重置为左侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29230096/

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