??? iframe嵌入頁面后，我們有時需要調整滾動條，例如，去掉全部的滾動條，去掉右邊的滾動條且保留底下的滾動條，去掉底下的滾動條且保留右邊的滾動條。那么我們應該怎么做呢？

?? 一：去掉全部的滾動條

???????? 第一個方法：?? iframe 有一個scrolling屬性，它有 auto , yes , no 這三個值。

???????????????????????????? scrolling : auto -----在需要的時候滾動條出現

??????? ? ? ? ? ? ? ? ? ? ?? scrolling : yes ------始終顯示滾動條

???????????????????????????? scrolling : no -------始終隱藏滾動條

???????????????????????????? 當設置 ? scrolling : no 時，全部的滾動條就沒有了。

???????? 第二個方法：我發現除了 scrolling 可以去掉全部的滾動條外，還有另一個方法，在嵌入的頁面里設置 body{overflow：hidden}，這樣也可以將滾動條去掉，而且這也是當我們只想去掉某一個滾動條所使用的屬性。

?

? 二：去掉右邊的滾動條且保留底下的滾動條

?????? 如果只想保留底下的滾動條，那么可以在嵌入的頁面里設置 body{overflow-x：auto ; overflow-y：hidden；}

?

? 三：去掉底下的滾動條且保留右邊的滾動條

? ? ? 在嵌入的頁面里設置 body{overflow-x：hidden；overflow-y：auto；}

? ? ?

????? 我們已經知道了這兩個屬性都可以設置滾動條的顯示和隱藏，那么當兩個同時設置時，會出現哪個效果呢？

? ? ? 通過檢測，我發現當 scrolling = " auto "? 或者 " yes " 時，如果設置了 body，那么就會使用body里的設置；當 scrolling = " no " 時，不管body設置了什么，都會使用 scrolling 的設置，即全部的滾動條都被去掉了。

?

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的iframe关于滚动条的去除和保留的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。