iframe關於滾動條的去除和保留


    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 的設置,即全部的滾動條都被去掉了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM