gpt4 book ai didi

html - 阻止滚动条干扰的最佳方法

转载 作者:行者123 更新时间:2023-11-28 05:28:33 24 4
gpt4 key购买 nike

我目前正在为人们将产品添加到他们的购物车时弹出一个窗口,但我在让它响应时遇到了问题。

问题是当用户浏览器的高度小于弹出窗口时,overflow css 属性添加了滚动的能力(这正是我想要的),但它也在内部添加了自己的宽度弹出窗口,导致一个产品向下移动到下一行。我想要一种将滚动条一直添加到右侧的方法(因此它看起来像一个普通的页面滚动条)。

我在这里做了一个简化的例子:http://codepen.io/Mathias_/pen/oLyVQj(问题不在于白框没有覆盖整个产品,而是当您使浏览器高度变小时,一个产品移动到下一行)

最佳答案

我修好了 codepen

我将 overflow:auto 添加到您的 .bottom-box 类中。

关于html - 阻止滚动条干扰的最佳方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38638805/

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