【问题标题】:Chrome Scrollbar Bounces from bottomChrome 滚动条从底部反弹
【发布时间】:2016-03-30 17:44:52
【问题描述】:

所以在处理一个项目时,我注意到当我滚动到底部时,滚动条会弹回返回一个页面。

最初我不得不让首页为footer 提供更少的垂直空间,并为每个其他页面添加空间。

所以我搬家了: 正文 {margin-bottom: 150px;}

收件人:

body:not(.home) {margin-bottom: 150px;}

我在这里回答我自己的问题,但很明显 Chrome 的滚动条行为普遍存在普遍问题。对于不是网页设计师的人,可以覆盖实时网站和某些情况下(具有极端主观性)程序(例如书签页面)上的行为尽管浏览器页面中的问题是覆盖浏览器的内部 CSS,但这并不总是可能的。

【问题讨论】:

    标签: css google-chrome scrollbar


    【解决方案1】:

    至少在我遇到的情况下,解决方法是将margin拆分一分为二,并将另一一半的间距分配给padding-bottom .

    例如,这个:

    body {margin-bottom: 100px;}
    

    会变成这样:

    body
    {
     margin-bottom: 50px;
     padding-bottom: 50px;
    }
    

    然而,这通常是一个可接受的解决方案,因为有非常明确的原因为什么 marginpadding 是两个不同的上下文但是我正在工作的项目on 非常图形繁重,需要打破适当的 CSS 约定。


    对于可能遇到此问题和页面的非网络开发人员/设计师,正如我在上面的问题中提到的,如果 CSS 选择器可以覆盖网站的 CSS 代码 可以具体到只影响一个网站。然后必须将代码应用于浏览器的主样式表。过去我这样做是为了在我的 Adblock Plus 过滤器订阅周围否定 Google 强制广告并且赢了。每个浏览器都有自己的方式来应用 默认样式,因为这是 Chrome 特定的问题,而且我对 Chrome 不太熟悉,所以我做了一些挖掘以提供一些面包屑并希望让某人的生活更轻松:

    https://superuser.com/questions/52967/change-default-css-of-google-chrome

    【讨论】:

      猜你喜欢
      • 2014-12-12
      • 2021-06-26
      • 1970-01-01
      • 2018-03-26
      • 2014-05-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多