【问题标题】:How can you prevent ::-webkit-scrollbar from pushing over elements如何防止 ::-webkit-scrollbar 推过元素
【发布时间】:2013-02-02 05:10:47
【问题描述】:

我正在尝试使用 webkit 的自定义滚动条,我真的很想防止它推过它旁边的 div。我尝试使用位于右侧的图像精灵来破解它,但它位于滚动条的轨迹栏下方。我还尝试隐藏轨迹栏、设置不透明度、负边距/填充和 z-index - 似乎没有任何效果。

想要的效果是让元素(下图中的灰色条)继续到容器的边缘,而不是在滚动条轨道处停止。

如何防止 ::-webkit-scrollbar 推过元素?

same question 已被询问,但尚未找到正确答案(请勿标记为重复)。

【问题讨论】:

  • @JoshCampbell 不,它不能。除了background-colorwidthbox-shadow 之外,似乎对任何事情都没有反应。

标签: html css webkit


【解决方案1】:

可以通过overflow: overlay完成。它是overflow: auto的替代品

【讨论】:

  • 作为旁注,在某些情况下,您可能还必须处理overflow-x(我必须在包装整个应用程序主体时处理允许横向滚动的覆盖“偏移”滚动条的宽度)
猜你喜欢
  • 2012-10-14
  • 2021-09-18
  • 2021-03-10
  • 2019-04-15
  • 2019-03-10
  • 1970-01-01
  • 2020-05-29
  • 1970-01-01
  • 2018-05-03
相关资源
最近更新 更多