Question

问题：我的div的内容定位为'absolute'，内容的宽度大于div。根据需要，使用“overflow-x：hidden”剪切“额外”内容。

尽管如果我尝试使用鼠标滚动器进行水平滚动，内容仍然可见。

我怎么不发生这种情况？我可以使用JS或/和CSS解决方案

例如代码

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

谢谢！

Answer 1

我有同样的问题，如果你把它放在一个包装器中，那么它会阻止触控板滚动。

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

Answer 2

我认为文档正文的默认行为是允许滚动对它来说太大的内容。这似乎可能不太容易解决。

您可以尝试再使用一个DIV并将宽度放在其上，而不是在BODY上指定宽度。

<div style="width:1000px;">
  <div style="width:1200px;"></div>
</div>

你有必要在BODY标签上放宽度吗？

Answer 3

您必须使用

$("element").on('mousedown', function(e) {}

只需将live更改为on

即可