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

不显示滚动条也无法使用滚动条快速翻页但能用鼠标滑轮和下键。要各大浏览器通用的。如果html和css做不到用js也可以给出代码和说明·... 不显示滚动条 也无法使用滚动条快速翻页 但能用鼠标滑轮和下键。要各大浏览器通用的。如果html 和css 做不到用js也可以 给出代码 和说明· 展开
 我来答
比利_嗨灵顿_
2018-03-31 · TA获得超过1.2万个赞
知道小有建树答主
回答量:68
采纳率:100%
帮助的人:8405
展开全部

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>

匿名用户
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,方向我已经说的很明白了,具体单词还要别人打给你,你就等着吃现成的吧~
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
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>

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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
分不清个大小王
2017-12-14
知道答主
回答量:2
采纳率:0%
帮助的人:1486
展开全部
看到好多人还是一知半解的,其实回答者给出方案了,就是改变滑动条样式,去掉它背景色;

CSS:
元素名::-webkit-scrollbar{
width: 2px;
background: none;
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
520浅幕灵梦
2021-05-30
知道答主
回答量:2
采纳率:0%
帮助的人:1017
展开全部
/*优化滚动条,不显示滚动条但可以继续滚动元素*/
body::-webkit-scrollbar {
display: none;
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式