轉自:http://www.cnblogs.com/Dot-Boy/archive/2009/03/27/1423315.html
1、完全隱藏
在<boby>裡加入scroll="no",可隱藏捲軸;
<boby scroll="no">
2、在不需要時隱藏
指當瀏覽器視窗寬度或高度大於頁面的寬或高時,不顯示捲軸;反之,則顯示;
<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; }在標準 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>