html怎么不显示滚动条 但鼠标滑轮可以控制向下滚动84
发布网友
发布时间：2023-10-20 16:28
共5个回答
热心网友
时间：2024-12-01 19:22
1、完全隐藏 在boby里加入scroll=no，可隐藏滚动条； boby scroll=no
2、在不需要时隐藏 指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示； boby scroll=auto
3、样式
1、完全隐藏
在<boby>里加入sroll="no"，可隐藏滚动条；
2、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示；
3、样式表方法
在<boby>里加入style="overflow-x:hidden "，可隐藏水平滚动条；加入style="overflow-y:hidden "，可隐藏垂直滚动条。
这种方法在页面头部为：<!DOTYPE html PUBLI "-//W3//DTD XHTML 10 Trsitiol//E" "">这种兼容模式下是不行的，其它的没试过，最后终于找到了正确的方法：
被包含页面里加入
<style>
html { overflow-x:hidden ; }
</style>
有一段解释是这样说的：body{ overflow-x:hidden ; }在标准 DTD 下是不可以的。
4、另一种方法
<style type="text/ss">
body {
overflow-x:hidden ; /*隐藏水平滚动条*/
overflow-y:hidden ; /*隐藏水平滚动条*/
}
</style>
此方法在页面头部为：<!DOTYPE html PUBLI "-//W3//DTD XHTML 10 Trsitiol//E" "">这种兼容模式下也是不行的。
<style type="text/ss">
html {
overflow-x:hidden ; /*隐藏水平滚动条*/
overflow-y:hidden ; /*隐藏水平滚动条*/
}
</style>
热心网友
时间：2024-12-01 19:23
1、完全隐藏
在<boby>里加入sroll="no"，可隐藏滚动条；
<boby sroll="no">
、在不需要时隐藏
指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示；
<boby sroll="auto">
3、样式表方法
在<boby>里加入style="overflow-x:hidden "，可隐藏水平滚动条；加入style="overflow-y:hidden "，可隐藏垂直滚动条。
这种方法在页面头部为：<!DOTYPE html PUBLI "-//W3//DTD XHTML 10 Trsitiol//E" "">这种兼容模式下是不行的，其它的没试过，最后终于找到了正确的方法：
被包含页面里加入
<style>
html { overflow-x:hidden ; }
</style>
有一段解释是这样说的：body{ overflow-x:hidden ; }在标准 DTD 下是不可以的。
4、另一种方法
<style type="text/ss">
body {
overflow-x:hidden ; /*隐藏水平滚动条*/
overflow-y:hidden ; /*隐藏水平滚动条*/
}
</style>
此方法在页面头部为：<!DOTYPE html PUBLI "-//W3//DTD XHTML 10 Trsitiol//E" "">这种兼容模式下也是不行的。
<style type="text/ss">
html {
overflow-x:hidden ; /*隐藏水平滚动条*/
overflow-y:hidden ; /*隐藏水平滚动条*/
}
</style>
===================================================
这个对你有用。 不好意思因为，上面的部分代码单词拼写有错误，请不要直接复制使用，不过方法是正确的，按照相关思路就可以了，基本上不用js就可以搞定。
热心网友
时间：2024-12-01 19:23
<head>
<title>测试表格内的滚动条</title>
</head>
<body>
<div style="width:280px; height:150px; overflow:hidden;">
<div style="overflow-y:auto; width:300px; height:150px;">
<p>11111111111111</p>
<p>22222222222</p>
<p>333333333333</p>
<p>444444444444</p>
<p>55555555555</p>
<p>666666666666</p>
<p>7777777777</p>
<p>8888888888888</p>
<p>999999999999</p>
<p>101010101010</p>
<p>111111111111</p>
<p>1212121212</p>
</div>
</div>
</body>
</html>
下拉条隐藏的做法，用上级设置更小的宽度，再做个溢出隐藏就行，不知道这切题吗
热心网友
时间：2024-12-01 19:24
CSS:
元素名::-webkit-scrollbar{
width: 2px;
background: none;
}
热心网友
时间：2024-12-01 19:24
body::-webkit-scrollbar {
display: none;
}
