滚动条覆盖了Mountain Lion上WebKit的交互元素



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

我如何检测当我的小按钮是在这种情况下和/或确保它不被滚动条覆盖?

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

一个类似的问题,没有答案:隐藏滚动条的Lion/Mountain Lion的CSS悬停错误

好吧,假设你不能在那里放一点margin-right,这样元素就不会重叠,或者调整设计来完全避免这个问题,你可以设置滚动条的样式…至少在webkit浏览器中是这样。

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

经历过自定义滚动条的早期,我个人会尽量避免使用它。

用一点工作,您还可以检测滚动条何时存在…有几分.

一些选项在这里->滚动条出现/消失事件在jQuery?

最新更新