如何摆脱滚动条弹出页面位置?

时间:2015-10-14 06:07:56

标签: javascript html css

我有一个带有标签的页面,可以显示各种高度内容,其中一些需要滚动条而另一些则不需要。在这些内容之间进行切换的视觉效果有点令人讨厌,但是当窗口滚动条弹出时,它会将整个页面向左移动一点点。

我尝试/考虑的事情:

  1. 总是看到滚动条 - 它可以工作,但我不喜欢它。
  2. 将身体宽度设置为98% - 显然这仍然是98%的窗口调整大小,所以仍然弹出。将其设置为像素值有效,但人们有不同大小的屏幕。
  3. 使用脚本补偿窗口宽度损失 - 这是一个相当简单的脚本,但很有趣,由滚动条出现触发的窗口调整大小不会触发窗口的resize事件,我还没有找到任何其他合适的事件来附加它
  4. 是否有人知道保持页面容器的良好技术?

2 个答案:

答案 0 :(得分:0)

我想你可以在DirectRoutingTopology中添加一个margin/padding的类,然后用jQuery删除它。这样做的缺点是不同的浏览器具有不同的滚动条宽度,例如mac上的safari甚至没有可见的滚动条。所以推荐只是让滚动条始终可见。

答案 1 :(得分:0)

正确的答案是

html { width: 100vw; }