jquery - JQuery隐藏视口外的部分元素

Question

我有一个元素，点击后应该移出视图，只显示大约 10% 左右。像这个截图：

我的问题是，每当它“隐藏”在视口之外时，视图就会“扩展”并变得可滚动。

我尝试过使用，overflow: hidden;尽管我根本无法使用它，但我也需要它才能在 iOS 上使用。

有什么方法可以像使用 JQuery 一样剪切元素吗？还是周围有其他修复？

Answer 1

将此添加到您的body：

body {
    width: 100%;
    overflow: hidden;
}

你的overflow:hidden不起作用，因为你的元素没有width集合。