代码之家  ›  专栏  ›  技术社区  ›  Jonathan.

停止滚动条向左推动内容

  •  9
  • Jonathan.  · 技术社区  · 14 年前

    我正在设计一个网站,我有多个页面使用同一个模板,有些页面比浏览器窗口的高度长,而另一些页面则不是。那些长的页面被推到左边大约10像素,这听起来可能不太像,但当切换页面时,一切都会向一边跳跃,这一点很明显。

    有没有一些CSS我可以做的事情,使每个页面上的滚动条出现在内容上,而不是推它,我有一个边距在模板,所以如果浏览器窗口太小,它将只覆盖边距时,用户滚动到最右边。

    2 回复  |  直到 14 年前
        1
  •  21
  •   Brandon Durham    14 年前

    唯一的方法就是让滚动条始终可见。

    html { overflow-y: scroll; }
    
        2
  •  6
  •   Jinto    8 年前

    将溢出值设为overlay。这将避免出现滚动条时重新计算布局