Safari上的強制滾動條

有沒有辦法強制垂直滾動條顯示在Safari Lion上。僅當您單擊頁面的最右側時纔會顯示。我有一個元素，我有overflow-y：auto，但是在Safari中它不會顯示，直到你點擊元素的邊緣。Safari上的強制滾動條

來源

2012-01-20 Chapsterj

它是'overflow-y：scroll' – Joseph

我指的不是其他瀏覽器。我已經嘗試過，但Lion中的Safari會隱藏滾動條，直到您單擊元素的右側。 – Chapsterj

將overflow-y應用於html元素。 html { overflow-y:scroll; }

來源

2012-01-20 19:37:30 rebz

我嘗試過，但它不適用於Safari。這適用於所有其他brasiers，但Lion中的Safari隱藏滾動條，直到您單擊元素的右邊緣。 – Chapsterj

好吧發現這個在線這個網站http://css-tricks.com/custom-scrollbars-in-webkit/ 這將使它在Safari獅子顯示

::-webkit-scrollbar { 
    -webkit-appearance: none; 
    width: 8px; 
} 

    ::-webkit-scrollbar-track { 
    background-color: rgba(57,57,57, .6); 
    border-radius: 8px; 
} 
::-webkit-scrollbar-thumb { 
    border-radius: 8px; 
    background-color: rgba(156, 156, 156, .6); 
}

顯然，你將需要改變的屬性適合你想要什麼。再次，這是爲Safari作爲溢出 - Y：滾動不會強制它顯示。

來源

2012-01-20 20:25:42 Chapsterj

這裏有一個演示與JS嗅探器，如果你需要該選項：http://jsfiddle.net/NzUTt/3/ – albert

很酷，謝謝這是有幫助 – Chapsterj

這真棒。你應該接受你自己的答案。其他讀者請注意：通過在':: - webkit ...'之前插入標準css選擇器，您可以將這些屬性分配給任何單獨的元素。 – XML

Safari上的強制滾動條

回答

相關問題