html页面隐藏滚动条（h5隐藏滚动条）
华为云服务器特价优惠火热进行中！ 2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。
合作流程： |
今天给各位分享html页面隐藏滚动条的知识，其中也会对h5隐藏滚动条进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
微信号：cloud7591如需了解更多，欢迎添加客服微信咨询。
复制微信号
本文目录一览：
- 1、html 怎么去掉网页的滚动条
- 2、如何让div滚动时页面不跟着滚动？
- 3、html怎么让滚动条自动显示或隐藏
- 4、html js 或者css怎么做到隐藏滚动条，但是依旧可以滚动？
- 5、html怎么不显示滚动条 但鼠标滑轮可以控制向下滚动
html 怎么去掉网页的滚动条
1、首先打开前端开发工具hbuilder，新建一个HTML代码页面，在html代码页面上创建一个父div和一个子div，同时给这两个div添加一个class分别为scroll-box、scroll。
2、然后给子div添加内容，为了让滚动条可以实现，尽量多添加一些内容。
3、接着设置scroll-box、scroll类样式。给scroll-box设置一个高度和内容超出后隐藏的样式，给scroll设置内容超出后显示滚动条、高度为100%、宽为100%加上滚动条的宽。
4、保存html代码，使用浏览器打开，就会发现滚动条已经不显示出来，但是页面内容依然可以滚动。
如何让div滚动时页面不跟着滚动？
滚动条是容器所固有的，不管是外面的滚动条，还是里面的滚动条，只要让固定的div和body或者html容器脱离关系，即可实现DIV固定在页面而不随着滚动条随意滚动。
1.html,body，将默认出现的滚动条，完全地隐藏，这样不管什么内容都不会出现了。
2.virtual_body，写一个假的body，设置它的长宽为100%，这样利用可视的浏览器窗体显示所有的内容，并垂直允许出现滚动条。
3.fixed_div，用它进行绝对值进行定位，因为在这个容器下，该页面100%的被假冒body覆盖了，滚动条自然也显示不出来了。
4.htmlhead title/title style type="text/css" html,body { overflow:hidden; margin:0px; width:100%; height:100%; } .virtual_body { width:100%; height:100%; overflow-y:scroll; overflow-x:auto; } 。
5.fixed_div { position:absolute; z-index:2008; bottom:20px; left:40px; width:800px; height:40px; border:1px solid red; background:#e5e5e5 }。
6./style/headbodydiv class="fixed_div"I am still here!/divdiv class="virtual_body" div style="height:888px;" I am content ! /div/div/body/html。
html怎么让滚动条自动显示或隐藏
在需要的时候设置document.body.style="overflow:
hidden;";就行了
button id="btn"隐藏
滚动条
/button
script
document.
getelementbyId
("btn").addeventlistener("click",overflow_hidden);
function overflow_hidden()
{
document.body.style="overflow: hidden;";
}
/script如上就可以在点击按钮时隐藏滚动条了
html js 或者css怎么做到隐藏滚动条，但是依旧可以滚动？
1、html
divid="root"style="width:100%;height:100%"
divclassName="outer-container"
divclassname="inner-container"
divclassName="container"
/div
/div
/div
/div
2、CSS：
.outer-container{
width:100%;
height:100%;
overflow:hidden;
}
.inner-container{
width:100%;
height:100%;
overflow:auto;
box-sizing:content-box;
padding-right:17px;
}
扩展资料：
使用 overflow:hidden 隐藏滚动条，但存在的问题是页面或元素失去了滚动的特性，由于只需要兼容移动浏览器（Chrome和Safari）
应用如下CSS可以隐藏滚动条：
.element::-webkit-scrollbar{display:none}
如果要兼容PC其他浏览器（IE、Firefox等），在容器外面再嵌套一层 overflow:hidden 内部内容再限制尺寸和外部嵌套层一样，就变相隐藏了。
html怎么不显示滚动条 但鼠标滑轮可以控制向下滚动
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
html页面隐藏滚动条的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于h5隐藏滚动条、html页面隐藏滚动条的信息别忘了在本站进行查找喔。
