Q

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

2013-06-12 44 views 3 likes

3

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

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

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

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

2013-06-12 Jacob Krall

A

回答

1

好了，假设你不能只是放一点余量，右侧有这么元素不再重叠或调整的设计完全避免这个问题，你可能风格的滚动条......至少，在webkit-ish浏览器。

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

已经活通定制滚动条的初期，我个人将避免，如果在所有可能的。

有一点工作，你也可以检测滚动条何时出现...... sorta。

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

2013-06-12 14:58:48 busticated

+0

谢谢。有没有办法用默认样式来设置滚动条的风格，但是告诉它不要与我的任何dang文档重叠？每个像素都是神圣的，但苹果公司的诽谤者已经忘记了。 –

+0

嗯......你可以通过 - > :: - webkit-scrollbar {width：1px; } – busticated

+0

，使滚动条完全消失 - 对:: webkit-scrollbar的任何更改都会导致默认样式消失:( –

相关问题