相关疑难解决方法(0)

防止在WebKit/Blink中为MacOS触控板用户隐藏滚动条

自10.7(Mac OS X Lion)以来MacOS上的WebKit/Blink(Safari/Chrome)默认行为是在不使用触控板用户时隐藏滚动条.这可能令人困惑 ; 滚动条通常是元素可滚动的唯一视觉提示.

示例(jsfiddle)

HTML
<div class="frame">
    Foo<br />
    Bar<br />
    Baz<br />
    Help I'm trapped in an HTML factory! 
</div>
Run Code Online (Sandbox Code Playgroud) CSS
.frame {
    overflow-y: auto;
    border: 1px solid black;
    height: 3em;
    width: 10em;
    line-height: 1em;
}?
Run Code Online (Sandbox Code Playgroud) WebKit(Chrome)截图

没有可见滚动条的div的屏幕截图

Presto(Opera)截图

带有可见滚动条的div的屏幕截图


如何强制滚动条始终显示在WebKit中的可滚动元素上?

css macos webkit scrollbar blink

159
推荐指数
3
解决办法
11万
查看次数

标签 统计

blink ×1

css ×1

macos ×1

scrollbar ×1

webkit ×1