隐藏滚动条
2015-11-05 00:00
197 查看
摘要: 单纯隐藏滚动条,其他功能不变,不会锁定页面
*注:可用于手机浏览器,压美观
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <script type="text/javascript"> try{ var isStyle = document.getElementById("hsScroll").type; }catch(err){ document.write('<style id="ahsScroll" type="text/css">.hScroll{overflow:hidden;} .sScroll{}</style>'); } function hideScroll(){ document.documentElement.className = "hScroll"; } function showScroll(){ document.documentElement.className="sScroll"; } </script> <input type="button" value=" 隐藏滚动条 " onclick="hideScroll();" /> <input type="button" value=" 显示滚动条 " onclick="showScroll();" /> <ol> <li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li><li>.</li> </ol> </body> </html>
*注:可用于手机浏览器,压美观
相关文章推荐
- 滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
- Flash在浏览器中全屏,并且隐藏浏览器滚动条
- chrome隐藏滚动条
- WebView隐藏滚动条,隐藏缩放按钮,适应手机的分辨率
- CSS3自定义滚动条样式 -webkit-scrollbar
- 去掉div裏面的滚动条但是还可以滚动
- 纯css,div隐藏滚动条,保留鼠标滚动效果。
- IE、Chorme 、Firefox 隐藏滚动条
- CSS滚动效果隐藏滚动条
- 手风琴菜单,且隐藏滚动条保留滚动功能
- 微信小程序scroll-view隐藏滚动条方法
- CSS 实现隐藏滚动条同时又可以滚动
- Ionic3中全局隐藏scroll滚动条样式
- javascript--6点击空白处隐藏>>以遮罩层为例
- 二进制无法精确表示1/10
- NotePad++ 语法高亮 INC 文件
- 五、磁盘的基本知识
- MVC 一个简单的MVC框架
- shiro 扩展角色管理,添加anyRole