我有一个小按钮浮动到其容器的右边缘,其样式为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?