css - 在滚动条顶部覆盖内容的预期浏览器行为是什么？

<分区>

想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它.

关闭 9 年前。

Blogger 有一个我看到很多人都在使用的新奇特主题，但在我看来它有一个明显的 CSS 错误，因为链接小工具与滚动条重叠。您是否也遇到了这个问题？

Scrollbar being overlapped

小工具 div 的 CSS 设置为 right:0px 和 z-index:3000，这导致它与 Chrome for Windows 上的滚动条重叠。我认为浏览器首先不应允许滚动条重叠？如果他们允许这样做，它是否仍然是来自 Google 的可用性错误？

更新:这是发生这种情况的博客的链接:http://www.judegomila.com/2012/10/how-to-name-your-company.html 这是相同的主题，但没有这个问题:http://googleblog.blogspot.jp/

最佳答案

你已经设置了overflow-y在<div class="viewitem-inner">在第 1648 行删除它

然后试试

html {
    height: 100%;
    overflow: scroll;

}

同时删除 position:fixed;来自 <div class="viewitem-panel"> 1589 号线上

工作

enter image description here

关于css - 在滚动条顶部覆盖内容的预期浏览器行为是什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13026143/