DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS隱藏網頁的滾動條教程
CSS隱藏網頁的滾動條教程
編輯:CSS進階教程     

解決思路:

  我們希望是強制出現滾動條,但有時候我們並不希望出現滾動條,那就要隱藏它了。從上個問題的指點中我們很容易得到答案----設置CSS屬性overflow的值為hidden。

  具體步驟:

  方法一:設置CSS屬性overflow為hidden。

  <body style="overflow:hidden">

  方法二:設置body元素的scroll屬性為no。

  <body scroll="no">

  注意:

  建議用方法一隱藏滾動條,用方法二的話在IE5.0中無法再用腳本對頁面進行滾動進行操作。因為方法只是隱藏滾動條不顯示,而方法二是直接設置為沒有滾動條。這一點可以在本部分第六章的《問題6》中分別用本例的兩種方法設置demo.htm頁的滾動條來測試。在IE5.0上,用方法二隱藏demo.htm頁滾動條後,控制頁面滾動的功能將失效。

  技巧:

  如果只想隱藏橫向或縱向上的滾動條,可以用overflow-x或overflow-y來設置

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved