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

Question

我有一个元素，点击它应该移出视图，只显示大约10％左右。喜欢这个截图：

我的问题是，只要它“隐藏”在视口之外，视图就会“延伸”并变得可滚动。

我尝试使用overflow: hidden;虽然我根本不能使用它，但我还需要这个才能在iOS上运行。

我有什么方法可以用JQuery剪切元素吗？还是有其他任何修复？

Answer 1

将此添加到您的body：

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

您的overflow:hidden不起作用，因为您的元素没有设置width。