如上图可以看到当为某一区域添加可滚动属性 overflow:auto 后页面显示了滚动条,十分影响页面效果,下面介绍一下去除页面滚动条显示,但页面依然可滚动方法。
首先使用pycharm打开项目,然后打开需要去除滚动条的html文件,进入html页面后使用组合键 ctrl+f 打开检索框,在检索框中输入 overflow:auto 后 即可在页面中看到高亮的部分,如下图所示
然后记录属性值为overflow:auto 的 css样式,例如上图中的为 #iframeshow
然后在下方添加
#iframeshow::-webkit-scrollbar{
display: none;
}
若css属性为 .div1 则添加
.div1::-webkit-scrollbar{
display: none;
}
添加至页面中即为如下图样式