【问题标题】:Stop scrollbar from pushing content left停止滚动条向左推内容
【发布时间】:2011-05-16 22:01:15
【问题描述】:

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

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

【问题讨论】:

  • 我不明白这个问题。你的意思是你的身体中心是这样的:body{ width: 800px; margin: 0px auto; }? “我在模板中有边距”是什么意思?请添加您的代码,以便我们查看实际发生的情况。

标签: javascript html css


【解决方案1】:

溢出:覆盖对我有用。本来会评论 jintoppy 的帖子,但我是菜鸟

【讨论】:

    【解决方案2】:

    将溢出值作为覆盖。这样可以避免出现滚动条时重新计算布局

    【讨论】:

    【解决方案3】:

    这样做的唯一方法是让滚动条始终可见。

    html { overflow-y: scroll; }
    

    【讨论】:

    • +1 - 这确实是最干净的方法 - 也是我所知道的唯一跨浏览器的方法
    • 不幸的是,它已被弃用,Firefox 不再支持它
    猜你喜欢
    • 2016-06-01
    • 1970-01-01
    • 2019-11-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-13
    • 1970-01-01
    相关资源
    最近更新 更多