2017-06-18 19 views
1

次は私の体のためのCSSです:水平スクロールバーを非表示にする方法

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

私は右側のビューポートを超えていくつかのdivを持っている(その周りに方法はありません、それは私のデザインがセットアップでどれだけです)。しかし、私はページを水平にスクロール可能にしたくありません。

これは、ビューポートを超えて拡張しているのdivのためjsfiddleである(赤のストライプが長く、jsfiddleが適切に最適化されたので、そのない正確には、フルブラウザ画面でどのように見えるかされていない)、https://jsfiddle.net/gxk985kb/

どうすれば水平スクロールをまったく許可しないことができますか?

+0

はい、まさに私が必要なものです –

+0

[HTMLページのスクロールバーを隠す](https://stackoverflow.com/questions/3296644/hiding-the-scrollbar-on-an-html-page)の可能な複製) –

+0

overflow-y:hidden; –

答えて

3

「overflow-y:hidden;」を試してください。 #designWrapperのために。 この方法で、水平スクロールを削除できます。

+0

はい!どうもありがとうございました。 –

1

<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)でサポートされています。

+0

私はWeb開発に新しいので、私はSVGが何であるか分かりませんが、私は間違いなくそれを調べます! –

+0

あなたはsvgのアイデアを得るために上記の私の編集された投稿をチェックすることができます。 –

関連する問題