关于IE双滚动条问题

作者: Mr君 | 来源:发表于2018-12-13 18:20 被阅读0次

关于IE双滚动条问题
document.documentElement.scrollL
各个浏览器自定义滚动条
DOM屏幕尺寸
web前端常见问题总结：（持续更新）
JS补充23
js
浏览器滚动条样式重置
隐藏滚动条但保留滚动效果
IE部分兼容性整理

先讲一下自己的情况，本身flex左右布局，为了解决自适应的问题引入antDesign，采用其中响应式布局的模板。在以上背景下在谷歌、火狐和Edge上没有任何问题，在IE上，出现双滚动条。查找很多资料，都不能正确展示，包括网上的将html和body设为overflow: hidden，设置后会产生在谷歌和火狐没有滚动条的情况。而我采用以下方式解决：

清除自己的flex布局
将body设置为-ms-overflow-style:auto;

关于IE双滚动条问题
先讲一下自己的情况，本身flex左右布局，为了解决自适应的问题引入antDesign，采用其中响应式布局的模板。在...
document.documentElement.scrollL
问题描述针对获取页面的垂直滚动条的位置，IE Firefox Opera 标准模式下使用 document.do...
各个浏览器自定义滚动条
IE浏览器css设置滚动条（看下表）： chrome
DOM屏幕尺寸
求滚动条滚动像素查看滚动条的滚动距离window.pageXOffset/pageYOffsetIE8及IE8以下...
web前端常见问题总结：（持续更新）
一、常见的关于浏览器宽高相关问题： 1. 获取浏览器的宽高，不包括工具栏和滚动条即可视区的宽高 1）对于IE9+、...
JS补充23
查看滚动条的滚动距离 windox.pageXOffset/pageYOffset ie8及IE8以下不兼容 do...
js
查看滚动条的滚动距离 windox.pageXOffset/pageYOffset ie8及IE8以下不兼容doc...
浏览器滚动条样式重置
谷歌浏览器 IE浏览器 IE浏览器只能修改颜色火狐浏览器火狐浏览器未开放针对滚动条样式的设定隐藏浏览器滚动条
隐藏滚动条但保留滚动效果
html: css: 亲测谷歌、火狐、IE浏览器均无滚动条，但是刚切换到移动模式会有滚动条，滚动两次滚动条消失就不...
IE部分兼容性整理
1.IE滚动条处理其他 ::-webkit-scrollbar ::-webkit-scrollbar-th...