如何隐藏水平滚动条？

Question

以下是我身体的css：

body{
margin: 0px;
width: 100vw;
height: 100vh;
}

我有一些div超出了右侧的视口（没有办法绕过它，这就是我的设计是如何设置的）。但是，我不想让页面水平滚动。

这是延伸到视口之外的div的jsfiddle（红色条纹很长，并且jsfiddle没有经过适当优化，因此它不完全是在完整的浏览器屏幕中看起来的样子），https://jsfiddle.net/gxk985kb/

我怎么能不允许水平滚动？

Answer 1

尝试“overflow-y：hidden;”对于#designWrapper。 这样您就可以删除水平滚动。

Answer 2

<svg style="background-color: #dedede;" fill="red" width="400" height="200">
	<path d="M 10 190 L 60 190 L 110 10 L 60 10 Z" />
	<path d="M 70 190 L 120 190 L 170 10 L 120 10 Z" />
	<path d="M 130 190 L 180 190 L 230 10 L 180 10 Z" />
	<path d="M 190 190 L 240 190 L 290 10 L 240 10 Z" />
</svg>

我认为你应该用svg进行设计。它更适合这种设计。 min变换属性由min即10（-ms- ie9）支持。