ie有滚动条怎么设置（ie浏览器滚动条设置）

浏览器滚动条样式设置

目前，我用了两种方法:

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>