浏览器滚动条

做网站时发现登录成功后浏览器滚动条消失无法滚动页面

通过观察和调试，发现是强制隐藏了bootstrap的模态框后，body的overflow变为了hidden，同时也多了一个17px的右内边距，

无法调用出垂直滚动条，

解决方案：隐藏模态框的同时设置body的overflow为scroll，同时取消右内边距。

 

 

将所有页面强制添加或者隐藏浏览器的滚动条

相关css 代码如下：

//强制显示滚动条:

html { overflow: scroll; }

//强制隐藏滚动条:

html { overflow: hidden; }

//隐藏IE的水平滚动条:

html { overflow-x: hidden; }

//隐藏IE的垂直滚动条:

html { overflow-y: hidden; }

//强制显示IE的水平滚动条:

html { overflow-x: scroll; }

//强制显示IE的垂直滚动条:

html { overflow-y: scroll; }

//强制显示Mozilla的水平滚动条:

html { overflow:-moz-scrollbars-horizontal; }

//注意: 仅仅强制显示水平滚动条. 也就是说, 即使需要显示垂直滚动条时, 垂直滚动条也不会出现.

//强制显示Mozilla的垂直滚动条:

html { overflow:-moz-scrollbars-vertical; }

//注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.

转载于:https://www.cnblogs.com/chenzeyongjsj/p/5662180.html