一、問題再現 　　在用elementui寫項目的時候，如果當前頁面的內容超出了可視窗口就會出現滾動條，而瀏覽器又自帶滾動條，這樣的話就會出現兩個或以上滾動條，如下圖所示： 二、解決方案 1、添加<el-scroll></el-scroll>或者其他塊級標簽 ...

一般禁止body滾動的做法就是設置overflow:hidden。 但是很奇怪的發現在移動端瀏覽器和微信瀏覽器上這個不起作用，然后我分析了我的寫法，就是在body上加了一個class去定義屬性，然后改成標簽的定位，如body{overflow:hidden;}，這個實現是可以的，沒有滾動條 ...

發現底部出現橫向滾動條， 所以，前面的代碼可以插入這些屬性 ...

了，優雅的滾動起來。 遇到問題： 設計師說太丑，一定要把顯示在頁面上的滾動條隱藏掉。確實，這是一個問題 ...

瀏覽器的滾動條在一些特殊的展示中，是不需要的，所以必須把它隱藏掉,文章主要介紹一些隱藏或者顯示IE的水平或者垂直滾動條的實現代碼，需要了解的朋友可以參考下： 相關css代碼如下： //強制顯示滾動條: html { overflow: scroll; } //強制隱藏滾動條: html ...

有時候不想讓滾動條顯示，然后用如下css設置了滾動條寬度為0： ...

...

elementUI 中有一個隱藏組件<el-scrollbar>，用來修改滾動條的樣式； 因為element用div自定的滾動條 所以可以 .is-horizontal{ 　　display: none ...