web-dev-qa-db-ja.com

オーバーフローy：Chromeにスクロールバーが表示されない

このページの左側の組織のリストを生成しています： http://www.ihhub.org/member-map/

このリストは、対応するマップにリンクされている<span>タグを追加することにより生成されます。

私の問題は-スクロールバーはCHROMEには表示されませんが、FirefoxとSafariには表示されます。

解決策はありますか？

更新：

この問題はMAC OSに分離されているようです。

溶液：

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
javascriptjqueryhtmlcssgoogle-chrome
21
Graham Cairns

CSS-オーバーフロー：スクロール;-常に垂直スクロールバーを表示しますか？ ：OSx Lionは、使用していない間はスクロールバーを非表示にして、より滑らかに見えるようにしますが、同時に対処した問題が発生しますup：divにスクロール機能があるかどうかを見ることができない場合があります。

CSS修正：

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
34
Graham Cairns

スクロールバーがよく見えます。 Macを使用している場合、スクロールバーが常に表示されるようにしたい場合があります

System preferences >> general

7
Timo

これをcssに追加します

.list::-webkit-scrollbar {
    -webkit-appearance: scrollbartrack-vertical;
}

または

.list::-webkit-scrollbar {
   -webkit-appearance: scrollbarthumb-vertical;
}
3
Timo

私はWindows 8とGoogleを使用しています。Chromeバージョンは48.0.2564.97です。完全に機能します。画像の強調表示された領域を参照してください。

enter image description here

1
Ajay Gupta

Cromeバージョン48.0.2564.97 mを使用しています

そして、それはうまく機能しています。十分なアイテムがない場合、overflow-y：autoに変更してスクロールを表示しません。

enter image description here

0
naman