消除滚动条的方法

方法一：不支持IE和火狐，移动端和谷歌浏览器没问题，只需要css即可设置

body{height:2000px;background:gray;}
            ::-webkit-srollbar-track-piece{background:none;-webkit-border-radius:0}
            ::-webkit-scrollbar{width:8px;height:8px}
            ::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#bbbbbb;-webkit-border-radius:4px;outline:0px solid #ffffff;ouline-offset:-2px;border:2px solid #ffffff}
            ::-webkit-scrollbar-thumb:hover{height:50px;background-color:#999999;-webkit-border-radius:4px}
            ::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:#bbbbbb;-webkit-border-radius:4px;outline:0px solid #ffffff;ouline-offset:-2px;border:2px solid #ffffff}

方法二：标签配合css实现，这种方法相对麻烦，但是兼容性好

　　

时间： 2024-10-06 07:18:15

消除滚动条的方法的相关文章

jquery.nicescroll完美滚动条使用方法

jquery.nicescroll完美滚动条使用方法(转) 配置参数 :当调用"niceScroll"你可以传递一些参数来定制视觉方面: cursorcolor - 十六进制改变光标颜色,默认值是"#000000" cursoropacitymin - 改变不透明度非常光标处于非活动状态(scrollabar"隐藏"状态),范围从1到0, 默认为0(隐藏) cursoropacitymax - 改变不透明度非常光标处于活动状态(scrollaba

去除网页滚动条的方法

去除网页滚动条的方法 默认状态下,当网页内容较多的时候,各网页浏览器会自动显示滚动条,在某些时候,我们不想显示滚动条,下面教你一些代码,可以去除横向滚动条.竖向滚动条.以及整体全部的滚动条,这些代码主要添加在页面的<body>标签后面: 去掉垂直方向(上下拉)的滚动条: <body style="overflow:scroll;overflow-y:hidden">网页正文</body> 去掉水平方向(左右拉)的滚动条: <body style

div 加滚动条的方法

div 加滚动条的方法: <div style="position:absolute; height:400px; overflow:auto"></div>div 设置滚动条显示:overflow :yesdiv 设置滚动条自适应显示:overflow :autodiv 设置上下滚动条显示:overflow-y :yesdiv 设置上下滚动条自适应显示:overflow-y :auto 如果该div被包含在其他对象例如td中,则位置可设为相对:position

关于JLable列表的自动滚动条的显示：当JLable列表的内容超出JPanel面板所规定的高度时，自动显示滚动条的方法

关于JLable列表的自动滚动条的显示:当JLable列表的内容超出JPanel面板所规定的高度时,自动显示滚动条的方法: 通过下面的方式把JLable表的宽度和高度锁死,不能根据列表内容的增加而自动出现滚动条: JPanel tablePanel = new JPanel(); JScrollPane jScrollPane1 = new JScrollPane(); JTable teacherTable = new JTable(); //表 teacherTable.setMaximum

（转）CSS 禁止浏览器滚动条的方法

1.完全隐藏 在里加入scroll="no",可隐藏滚动条: 这个我用的时候完全没效果,不知道是什么原因!不过好多人说这么用可以,大概是用的位置不一样吧 2.在不需要时隐藏 指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条:反之,则显示: 3.样式表方法 在里加入style="overflow-x:hidden",可隐藏水平滚动条:加入style="overflow-y:hidden",可隐藏垂直滚动条. 被包含页面里加入 html {

【整理】原生js和jQ获取窗口宽高及滚动条的方法和函数

原生js和jQ获取窗口宽高及滚动条的方法和函数 一.原生js获取 1.实际宽高(不包括工具栏,滚动条的视口高度,ie6.7.8不支持) window.innerHeight window.innerWidth 2.显示屏宽高 screen.height screen.width 3..显示屏宽高(除windows任务栏之外的高度)屏幕可用工作区 screen.avaiHeight screen.availWidth 4.网页可见区域宽高 document.body.clientWidth doc

CSS中隐藏滚动条的方法

xhtml中隐藏滚动条 在用ie6浏览有框架的xhtml页面的时候,默认会水平和垂直滚动条会一起出现,这是ie6的一个 bug,在firefox上是正常的,出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷. 对于这个bug一般有3种解决方案, 方法1: 代码: 程序代码 html { overflow-y: scroll; } 原理:强制显示ie的垂直滚动条,而忽略水平滚动条 优点:完全解决了这个问题, 允许你保持完整的XHTML doctype. 缺点:即

消除递归的方法

1.若递归是尾递归,那利用循环就可以消除,尾递归是是在函数末尾递归调用本函数的方式,满足以下格式: int function(int n){ if(n==0) return 1; else return function(n-1); } 尾递归采用循环,利用n=1的结果,定义一个变量记res记住,然后循环慢慢算n=2.3....的结果,每次计算出n的值后都让res记住,每次计算function的值利用res计算,下面给出计算一个例子 #include <stdio.h> //递归的方法 int

如何定位到append的当前位置，不用拉滚动条scrollIntoView方法

1 var bb_mes_con = $('bb_mes_con'); 2 var mes_html = document.createElement('div'); 3 mes_html.setAttribute('id', 'mes_html'); 4 mes_html.innerHTML = "<span class='bot'></span><span class='top'></span>"+data; 5 bb_mes_con