我有一个小按钮浮动到其容器的右边缘,其样式为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
答案 0 :(得分:1)
好吧,假设你不能只在右边放一个边距,这样元素不再重叠或调整设计以完全避免这个问题,你可以设置滚动条样式...好吧,至少在webkit-ish浏览器中。
这是一个很好的概述 - > http://css-tricks.com/custom-scrollbars-in-webkit/
通过自定义滚动条的早期生活,我个人会尽可能避免。
通过一些工作,您还可以检测滚动条何时出现... sorta。
这里的一些选项 - > Scrollbar appear / disappear event in jQuery?