html怎么不显示滚动条 但鼠标滑轮可以控制向下滚动

不显示滚动条 也无法使用滚动条快速翻页 但能用鼠标滑轮和下键。要各大浏览器通用的。如果html 和css 做不到用js也可以 给出代码 和说明·

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>

温馨提示:内容为网友见解,仅供参考
第1个回答  2011-02-25
1、完全隐藏 在boby里加入scroll=no,可隐藏滚动条; boby scroll=no 2、在不需要时隐藏 指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;反之,则显示; boby scroll=auto 3、样式
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就可以搞定。追问

有个p用啊 MB的不解决问题还一堆错误 你没看到我的问题么 不显示滚动条 也无法使用滚动条快速翻页 但能用鼠标滑轮和下键 而且可能css都做不到 得用js代码才行 假如你不懂电脑技术 就请不要百度搜索一段复制下来 因为你极有可能误导别人
再说了 全是错你让我猜闷玩啊

追答

css能做到。不用JS,方向我已经说的很明白了,具体单词还要别人打给你,你就等着吃现成的吧~

追问

中加入sroll="no" 试过了没用
css代码overflow-y:hidden 确实取消了滚动条下面的内容也不能访问了我z草我有病啊 加个这代码
不显示滚动条 也无法使用滚动条快速翻页 但能用鼠标滑轮和下键 你能仔细看看 再仔细测测你的代码么

追答

方案1:设置2个DIV层,A1外层,A2内层,A2的宽度设置比A1宽20px左右(大概就是滚动条的宽度),A2设置为可见滚动条,A1设置为隐藏滚动条。
可以滚动,但是看不到滚动条。前提是你必须在页面载入的时候将鼠标焦点对准到A2层上,如果焦点在A2层外,滚轮和下建无效。这个可以用js很容易做到。
方案2:直接把滚动条颜色设置和背景层一样。
---------------------
该问题是2011年的问题,现在的css标准已经变了很多,所以答案,已经不具备参考价值。

本回答被提问者采纳
第2个回答  2017-12-19
<html> 
<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>

下拉条隐藏的做法,用上级设置更小的宽度,再做个溢出隐藏就行,不知道这切题吗

第3个回答  2017-12-14
看到好多人还是一知半解的,其实回答者给出方案了,就是改变滑动条样式,去掉它背景色;

CSS:
元素名::-webkit-scrollbar{
width: 2px;
background: none;
}
第4个回答  2021-05-30
/*优化滚动条,不显示滚动条但可以继续滚动元素*/
body::-webkit-scrollbar {
display: none;
}
相似回答