gpt4 book ai didi

javascript - 溢出时禁用鼠标滚动-x : hidden [CSS, HTML]

转载 作者:搜寻专家 更新时间:2023-10-31 22:08:53 24 4
gpt4 key购买 nike

问题:我的 div 的内容定位为“绝对”,内容的宽度大于 div。根据需要,使用“overflow-x: hidden”剪裁“额外”内容。

尽管如此,如果我尝试使用鼠标滚轮水平滚动,内容就会变得可见。

我怎样才能不让这种情况发生?我可以使用 JS 或/和 CSS 解决方案

例如代码

<body width='1000px'>
<div style='background-color: blue; width: 1200px'>contents</div>
</body>

谢谢!

最佳答案

我遇到了同样的问题,如果将它放在包装器中,它会阻止触控板滚动。

#wrapper { 
position: absolute;
width: 100%;
overflow-x: hidden;
}

关于javascript - 溢出时禁用鼠标滚动-x : hidden [CSS, HTML],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9087651/

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