修复浏览器右侧滚动栏的宽度
第一种方法:給html标签添加overflow-y:scroll;
直接給每个页面添加y轴滚动条,这样就不会有偏差了,实际显示的宽度的位置都是一样的。
不过这个就很难看了,伤敌1000自损800.
第二种方法,通过函数计算出滚动栏的宽度,然后添加一个padding值,让他抵消掉。
給内容部分的div添加一个padding-left: calc(100vw - 100%);其中100vm是浏览器的显示宽度,100%则是内容实际占用的宽度,让浏览器宽度减去实际显示的宽度就是右边栏的宽度,在給内容div添加一个左边的内边距让他位移,这样就可以模拟出即便有滚动条,内容部分还是按照无滚动条的宽度进行定位。
注意: calc(100vw - 100%),减号左右是有空格的。
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
暂无评论数据