如何隱藏水平滾動條？

以下是對我的身體的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的想法。 –

如何隱藏水平滾動條？

回答

相關問題