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

Pra*_*man 3 html javascript css

问题:我的div的内容定位为'absolute',内容的宽度大于div.根据需要,使用"overflow-x:hidden"剪切"额外"内容.

虽然,如果我尝试使用鼠标滚动器水平滚动,内容将变得可见.

我怎么不让这件事发生?我使用JS或/和CSS解决方案很好

例如代码

<body width='1000px'>
  <div style='background-color: blue; width: 1200px'>contents</div>
</body>
Run Code Online (Sandbox Code Playgroud)

谢谢 !

小智 11

我有同样的问题,如果你把它放在一个包装器,然后它会阻止触控板滚动.

#wrapper { 
    position: absolute;
    width: 100%;
    overflow-x: hidden;
}
Run Code Online (Sandbox Code Playgroud)