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

时间:2013-06-12 01:33:02

标签: css webkit scrollbar osx-mountain-lion

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

如何检测我的小按钮何时出现这种情况和/或确保它不被滚动条覆盖?

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

类似的问题没有答案:CSS hover bug on Lion/Mountain Lion with hidden scrollbars

1 个答案:

答案 0 :(得分:1)

好吧,假设你不能只在右边放一个边距,这样元素不再重叠或调整设计以完全避免这个问题,你可以设置滚动条样式...好吧,至少在webkit-ish浏览器中。

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

通过自定义滚动条的早期生活,我个人会尽可能避免。

通过一些工作,您还可以检测滚动条何时出现... sorta。

这里的一些选项 - > Scrollbar appear / disappear event in jQuery?