木灵鱼儿

木灵鱼儿

阅读:1043

最后更新:2018/04/11/ 15:16:35

修复浏览器右侧滚动栏的宽度

第一种方法:給html标签添加overflow-y:scroll;

    直接給每个页面添加y轴滚动条,这样就不会有偏差了,实际显示的宽度的位置都是一样的。
    不过这个就很难看了,伤敌1000自损800.

第二种方法,通过函数计算出滚动栏的宽度,然后添加一个padding值,让他抵消掉。

    給内容部分的div添加一个padding-left: calc(100vw - 100%);其中100vm是浏览器的显示宽度,100%则是内容实际占用的宽度,让浏览器宽度减去实际显示的宽度就是右边栏的宽度,在給内容div添加一个左边的内边距让他位移,这样就可以模拟出即便有滚动条,内容部分还是按照无滚动条的宽度进行定位。

注意: calc(100vw - 100%),减号左右是有空格的。

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 0
文章被阅读 1043

相关文章

目录树