資源描述：
《如何去掉頁面滾動(dòng)條》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、去掉水平滾動(dòng)條：去掉豎直滾動(dòng)條：隱藏橫向滾動(dòng)條，顯示縱向滾動(dòng)條:全部隱藏或者是如果是框架頁，利用上面的方法仍不能去除可考慮以下辦法：被包含頁面里加入如
2、果想隱藏垂直滾動(dòng)條:這里先說一下滾動(dòng)條的屬性代碼：overflow-y:visible
3、auto
4、hidden
5、scrollvisible: 不剪切內(nèi)容也不添加滾動(dòng)條。auto: 在需要時(shí)剪切內(nèi)容并添加滾動(dòng)條hidden: 不顯示超過對象高度的內(nèi)容，這里不對這個(gè)屬性作介紹，大家喜歡的話可以自己嘗試scroll: 總是顯示縱向滾動(dòng)條首先我現(xiàn)說一下去掉滾動(dòng)條的方法：如果用百度風(fēng)格模版的話，滾動(dòng)條只可能有一個(gè)，那就是整個(gè)空間右邊最大的瀏覽器窗口滾動(dòng)條，也就是我美化過的那個(gè)滾動(dòng)條，現(xiàn)在告訴大家，我
6、們可以把這個(gè)滾動(dòng)條去掉，但是卻不影響瀏覽的方法：在body{}中加入overflow-y:visible就可以了，這樣滾動(dòng)條就不會(huì)顯示出來了。大家可能會(huì)問，這樣怎么往下拉？呵呵，既然我說了不影響瀏覽，那當(dāng)然是有方法的，瀏覽的方法就是用鼠標(biāo)的滾輪，雖然滾動(dòng)條沒了，可是鼠標(biāo)滾輪還是能夠讓網(wǎng)頁上下滾動(dòng)的。我相信大家一般瀏覽網(wǎng)頁的時(shí)候用滾輪下拉網(wǎng)頁的次數(shù)應(yīng)該比直接用鼠標(biāo)拖動(dòng)滾動(dòng)條的次數(shù)多吧？提示下，如果碰到?jīng)]有滾動(dòng)條而鼠標(biāo)又沒有滾輪的朋友，該怎么瀏覽網(wǎng)頁呢？呵呵，大家可以用鍵盤上面的方向鍵上方的PageUp和PageDown來上下翻頁，也可以用空格往下拉網(wǎng)頁和Shift+空
7、格往上拉網(wǎng)頁，還有一個(gè)方法就是用上下方向鍵來拉動(dòng)，另外還有按Home鍵回到網(wǎng)頁頂部，End鍵到達(dá)網(wǎng)頁底部，呵呵，是不是方法很多呢？不過這樣總會(huì)有那么一些些的不方便，所以大家可以根據(jù)自己的空間和喜好來考慮要不要取消這個(gè)滾動(dòng)條。哈哈，想不到啰哩叭嗦地，一下說了這么多話下面我們說添加滾動(dòng)條的方法：overflow-y:auto;height:多少pxauto就是自動(dòng)判斷要不要加入滾動(dòng)條，當(dāng)設(shè)定的對象內(nèi)容超過了height設(shè)定的高度時(shí)，就自動(dòng)添加滾動(dòng)條，不然則不顯示，body{}中的默認(rèn)值就是overflow-y:auto;height:瀏覽器高度，所以當(dāng)網(wǎng)頁內(nèi)容超過瀏覽器
8、高度的時(shí)候，瀏覽器右邊就會(huì)自動(dòng)顯現(xiàn)出滾動(dòng)條來大家如果需要設(shè)置這個(gè)的話，本人建議設(shè)置在最新評論#m_comment{}、文章列表#m_blog{}等內(nèi)容和高度都不固定的模版中，有的朋友找不到這些模版的ID，可能只有例如#m_commentdiv.item{}或者#m_proa{}等的ID，那么可以自己加上沒有的ID，這樣就可以設(shè)置了這里還有另一個(gè)添加滾動(dòng)條的方法：overflow-y:scroll這個(gè)參數(shù)的作用上面解釋過了，不過如果只加這個(gè)參數(shù)的話，雖然滾動(dòng)欄會(huì)顯示，但是不會(huì)顯示滾動(dòng)條，所以必須還要加上一個(gè)height:多少px高度屬性，跟上面的那個(gè)方法差不多，但是有
9、根本的區(qū)別，這個(gè)無論對象內(nèi)容的高度是否超過了height設(shè)定的高度，滾動(dòng)欄永遠(yuǎn)都會(huì)顯示在邊上的下面我們說一下關(guān)于滾動(dòng)條的美化，這個(gè)我朋友給我看了網(wǎng)上的一個(gè)說明，我覺得上面的圖很不錯(cuò)，但是很小，所以我放大了一倍，看起來就清楚多了，我們先說一下美化的各個(gè)屬性：SCROLLBAR-FACE-COLOR:顏色代碼;SCROLLBAR-HIGHLIGHT-COLOR:顏色代碼;SCROLLBAR-SHADOW-COLOR:顏色代碼;SCROLLBAR-3DLIGHT-COLOR:顏色代碼;SCROLLBAR-ARROW-COLOR:顏色代碼;SCROLLBAR-TRACK-C
10、OLOR:顏色代碼;SCROLLBAR-DARKSHADOW-COLOR:顏色代碼;大家是不是看到這么多屬性有點(diǎn)點(diǎn)頭大了？哈哈，放心，看一下我剛才提及的被我放大了一倍的圖解你們就會(huì)感覺好多了：這里的圖片上還有一個(gè)scrollbar-base-color的屬性，其實(shí)這個(gè)屬性是個(gè)上面7個(gè)屬性的總合，怎么說呢？就是當(dāng)你設(shè)定了這個(gè)屬性的顏色后，前面的7個(gè)屬性都可以不用設(shè)置了，滾動(dòng)條會(huì)自動(dòng)幫你設(shè)定的，只是這個(gè)設(shè)定都會(huì)基于你設(shè)定的scrollbar-base-color的顏色而自動(dòng)設(shè)定這個(gè)屬性的優(yōu)點(diǎn)就是不用大家費(fèi)盡心思的去研究各個(gè)地方的顏色，但是缺點(diǎn)就是不能夠融和五顏六色于
