我的网站有 4 列，每列对应一个页面。因此， wrapper 中掩码的宽度为 400%。使用 scrollTo jquery 插件进行垂直和水平导航。
因为导航栏设置为 position: fixed; 和 width: 100%;，它与 div 的滚动条重叠。我给了它 right: 17px; 但它也使页面滚动 +17 个额外的像素。
有没有办法将每个页面的宽度设置为 100% - 17 像素？
否则，如何避免在导航中放置 right: 17px; 而不必与滚动条重叠？
最佳答案
我根本不会弄乱正确的定位。你的滚动条在你的 #wrapper div 上，因为它是 position: absolute，我会调整一些设置让滚动条 位于下面 #nav。
首先，从 #wrapper 中删除 height，然后将以下 css 更改/添加到 #wrapper:
top: 70px ; /* clears your nav */
bottom: 0px; /* gives it the height; puts the scroll bar at the bottom of the screen */
关于javascript - 如何阻止固定的 100% 宽度元素与浏览器的滚动条重叠？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14650105/