如何隐藏水平滚动条？

以下是对我的身体的CSS：如何隐藏水平滚动条？

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

我有一些div而超出视口延伸右侧（有没有办法解决它，这是我的设计是多么的设置）。但是，我不想让页面水平滚动。

这是对于那些超出视口的div中的jsfiddle（红色条纹长，的jsfiddle没有适当的优化，所以它不完全它的外观在一个完整的浏览器屏幕），https://jsfiddle.net/gxk985kb/

我怎么才不让水平滚动呢？

来源

2017-06-18 harsh.gupta

是的，那正是我需要的 –

[隐藏HTML页面上的滚动条]（https://stackoverflow.com/questions/3296644/hiding-the-scrollbar-on-an-html-page ） –

overflow-y：hidden; –

尝试“overflow-y：hidden;”为#designWrapper。这样你可以删除水平滚动。

来源

2017-06-18 00:31:16 DanielaB67

是的！非常感谢你。 –

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

我认为你应该与SVG你的设计。它更适合像这样的设计。 CSS转换属性由min支持，即10（-ms- ie9）。

来源

2017-06-18 00:52:56

我是网络开发新手，所以我不确定SVG是什么，但我一定会考虑它！ –

你可以查看我上面编辑的帖子，以获得svg的想法。 –

如何隐藏水平滚动条？

回答

相关问题