overflow-x时隐藏鼠标滚动：隐藏[CSS，HTML]

本文介绍了overflow-x时隐藏鼠标滚动：隐藏[CSS，HTML]的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

问题：
我的div的内容被定位为绝对，并且内容的宽度大于div。
根据需要，使用overflow-x：hidden剪切extra内容。

尽管如果我尝试使用鼠标滚轮进行水平滚动，内容就会显示出来。

我怎么不让这种情况发生？我很好，使用JS或/和CSS解决方案

例如代码

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

谢谢！

解决方案

 ＃/ b>我有同样的问题，如果你把它放在一个包装中，那么它会阻止触控板滚动。包装器（
 position：absolute; 
宽度：100％; 
 overflow-x：hidden; 
}

PROBLEM:The contents of my div are positioned 'absolute' and the width of the contents are larger than the div.As required the "extra" contents are clipped using "overflow-x: hidden".

Although, if I try to horizontal scroll using the mouse-scroller, the content get visible.

How do I not let this happen ? I am fine with using a JS or/and a CSS solution

e.g code

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

Thanks !

解决方案

I had the same problem, if you place it within a wrapper then it prevents trackpad scrolling.

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

这篇关于overflow-x时隐藏鼠标滚动：隐藏[CSS，HTML]的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！