css - 滚动条覆盖 WebKit on Mountain Lion 中的交互元素

Question

我有一个小按钮漂浮在其容器的右边缘，其样式为overflow-y: scroll. 在 Mac OS X Mountain Lion、Safari 和 Chrome 中，在有触控板但没有鼠标的设备上，这个小按钮被 Mountain Lion 的新隐藏滚动条覆盖。

如何检测我的小按钮何时处于这种情况和/或确保它没有被滚动条覆盖？

小提琴：http: //jsfiddle.net/jP8rg/

一个没有答案的类似问题：Lion/Mountain Lion 上的 CSS hover bug with hidden scrollbars

Answer 1

好吧，假设您不能只在其中放置一点边距，以便元素不再重叠或调整设计以完全避免该问题，那么您可以设置滚动条的样式……好吧，至少在 webkit-ish 浏览器中。

这是一个很好的概述 --> http://css-tricks.com/custom-scrollbars-in-webkit/

经历了定制滚动条的早期阶段，我个人会尽可能避免。

通过一些工作，您还可以检测滚动条何时存在......排序。

这里有一些选项——>滚动条出现/消失事件在 jQuery 中？