1、完全隱藏
在<boby>里加入scroll="no",可隱藏滾動條;
<boby scroll="no">
2、在不需要時隱藏
指當(dāng)瀏覽器窗口寬度或高度大于頁面的寬或高時,不顯示滾動條;反之,則顯示;
<boby scroll="auto">
3、樣式表方法
在<boby>里加入style="overflow-x:hidden",可隱藏水平滾動條;加入style="overflow-y:hidden",可隱藏垂直滾動條。
這種方法在頁面頭部為:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">這種兼容模式下是不行的,其它的沒試過,最后終于找到了正確的方法:
被包含頁面里加入
<style>
html { overflow-x:hidden; }
</style>
有一段解釋是這樣說的:body{ overflow-x:hidden; }在標(biāo)準(zhǔn) DTD 下是不可以的。
4、另一種方法
<style type="text/css">
body {
overflow-x:hidden; /*隱藏水平滾動條*/
overflow-y:hidden; /*隱藏水平滾動條*/
}
</style>
此方法在頁面頭部為:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">這種兼容模式下也是不行的。
<style type="text/css">
html {
overflow-x:hidden; /*隱藏水平滾動條*/
overflow-y:hidden; /*隱藏水平滾動條*/
}
</style>
定義在html里就好了。如還有其它方法,歡迎大家列出!
原文:http://www.aa25.cn/Aricle/Show-258.html
新聞熱點
疑難解答