浏览器滚动条样式设置
目前，我用了两种方法:
1.隐藏滚动条或控制滚动条的宽度。目前各浏览器没有统一的样式处理，需要针对各浏览器分别设置。
(1)chrome或safari:
节点::-WebKit-滚动条{ width:0；//显示:无；}
(2)火狐浏览器
节点{ scrollbar-width:无；}
(3)工业工程
node {-ms-overflow-style:none；}
2.修改滚块和滚槽的样式。目前只知道chrome的风格修改。
(1)铬合金
节点::-WebKit-scroll bar-track { } & # 160；//修改滚动槽的样式
node::-WebKit-scroll bar-thumb { }//修改滚动块的样式
因为我平时都是用react框架开发工作，所以经过我的苦心寻找，发现了这个贼好用的插件！
安装:npm我反应-自定义-滚动条
导入:从“反应-自定义-滚动条”导入滚动条；
可配置项目:
class & # 160自定义滚动条& # 160；延伸& # 160；组件& # 160；{
render()& # 160；{
return & # 160（
& lt滚动条
on scroll = { this . handle scroll } & # 160；//滚动收听功能
onScrollFrame = { this . handlescrollframe } & # 160；
onscrollstart = { this . handlesscrollstart }//滚动开始时执行的函数
onScrollStop = { this . handlescrollstop } & # 160；//滚动结束时要执行的函数
on update = { this . handle update } & # 160；
renderView={this.renderView}
//自定义水平滚动槽样式
render track horizontal = {(props)= & gt；& ltdiv className = & quot我的风格& quot{…道具} & gt& lt/div & gt；}
//自定义垂直滚动槽样式
render track vertical = {(props)= & gt；& ltdiv className = & quot我的风格& quot{…道具} & gt& lt/div & gt；}
//自定义水平滚动块样式
renderThumbHorizontal = {(props)= & gt；& ltdiv className = & quot我的风格& quot{…道具} & gt& lt/div & gt；}
//自定义垂直滚动块样式
renderThumbVertical = {(props)= & gt；& ltdiv className = & quot我的风格& quot{…道具} & gt& lt/div & gt；}
自动隐藏& # 160；//鼠标移除自动隐藏
autoHideTimeout = { 1000 } & # 160//设置隐藏的延迟执行时间。
autohidedduration = { 200 } & # 160；//设置隐藏动画的持续时间
自动高度& # 160；//根据包含的节点自动调整高度
AutoHeightMin={0} //自动调整最小高度
AutoHeightMax={200} //自动调整的最大高度，如果超过，会滚动显示。
ThumbMinSize={30} //滚动块的最小高度(默认为自适应)
universal={true}
{…this.props } & gt
…需要滚动的dom树。
& lt/scroll bars & gt；
);
}
}
如何去除IE浏览器网页中的水平滚动条？
把分辨率调整大点800X600或者更小的分辨率在默认情况下的确没有办法显示完全某些网站.这是可以考虑第三方浏览器,例如MAXTHON,FIREFOX,等,在他们的菜单中可以任意缩放页面,只要缩小到合适程度就能不用拉滚动条了. 至于”显示器字太小了,而且不清楚.有什么好办法?”,可以考虑从控制面板的辅助工具中启动放大镜,这样鼠标附近的字就会变大了.当然这只是一个权益之计.15寸的CRT(或者更小)设置成1024X768分辨率就必须忍受字体小的缺点,即使是15寸LCD(液晶)设置成1024X768后字体也很小.
如何设置ie浏览器是否允许加载项？
点击浏览器右上角的“工具”图标
ie浏览器总是允许加载项在哪里设置
点击“工具”
2、点击“Internet 选项”
ie浏览器总是允许加载项在哪里设置
点击“Intenet 选项”
3、打开界面后，切换到“高级”标签，滚动条往下拉，把“启用增强保护模式”的勾去掉，然后别忘了点击“确定”按钮。
ie浏览器总是允许加载项在哪里设置
启用增强保护模式设置
4、设置完毕后，重启IE浏览器，网页即可正常使用了。
ie6下如何去除html的横向滚动条？
当我们在css样式设置为html {overflow-y:auto;}时，在ie7以上版本应用时不会有问题，可是在ie6下就会发现垂直滚动条出现会引起横向滚动条出现。究其原因是在ie6下，当内容过多出现垂直滚动条时，此时页面的宽度为其本来宽度加上滚动条的宽度，导致页面宽度超过100%，而出现横向滚动条，在ie7+浏览器中，会自动的识别滚动条，页面宽度为内容的宽度加上滚动条的宽度等于100%，而不会出现滚动条，这相当于是ie的滚动条bug(纯属个人见解，不对的地方还请指出，共同学习交流)。
解决上述出现的问题有以下几个方案
方案一：添加html{overflow-y:hidden;}样式
这种方案仅仅是把出现的横向滚动条隐藏了，并没有解决根本问题，而且还会出现不想要的效果（横向多余的内容会被隐藏掉），这是一种不好的解决方法。
方案二：添加html{overflow-y:scroll;}
添加这个样式，当页面内容超过页面高度时，会正常的显示垂直滚动条，而且不会出现横向滚动条，看起来是我们要的效果；可是页面内容不足以出现垂直滚动条的时候，我们会发现页面的右边会出现一条置灰样式的滚动条位置，这个看起来并不美观，不是我们想要的效果。不过最起码已经开始接近我们想要的效果了，比起第一种解决方案，他的效果还是好的。
方案三：通过jQuery实现
单纯的css样式已经不能满足我们的需要，通过第二个方案我们可以想到一种比较好的解决方法，我们可以判断当页面高度需要垂直滚动条时，把页面样式设置为overflow-y:scroll；这样是不是就会达到我们想要的效果，事实证明完全是ok的，
$(function () { //解决IE6下 页面出现横向滚动条 if ($.browser.msie && $.browser.version == “6.0” && $(“html”).scrollHeight > $(“html”).height()) $(“html”).css(“overflowY”, “scroll”);})
以上就是对页面出现横向滚动条的解决方法，只是针对我目前遇到的情况，方法肯定还有很多，以后有时间再慢慢补充，，，
（有人说谷歌浏览器有相对应的解决方法，时间有限，没去研究，在此标记下）
转自：博客园《IE6下出现横向滚动条问题的解决方案》–鱼爱水
CSS禁止滚动条(隐藏或屏蔽IE滚动条的几种常用方法)？
CSS 禁止滚动条，有4种方法，具体如下：
1、完全隐藏在<boby>里加入scroll=”no”，可隐藏滚动条；<boby scroll=”no”>
2、在不需要时隐藏指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示；<boby scroll=”auto”>
3、样式表方法在<boby>里加入，可隐藏水平滚动条；加入，可隐藏垂直滚动条。被包含页面里加入<style>html { overflow-x:hidden; }</style>
4、另一种方法<style type=”text/css”>body {overflow-x:hidden;overflow-y:hidden;}</style> <style type=”text/css”>html {overflow-x:hidden;overflow-y:hidden;}</style>
如何改变ie浏览器滚动条样式？
没有办法，ie旧版本不支持自定义滚动条样式，新版本也只能修改部分的样式。要想完全自定义只能抛弃浏览器自带的滚动条，用js来模拟滚动效果，不推荐