Macでスクロールバーを表示させる方法を教えてください。

Question

###前提・実現したいこと
Macでスクロールバーを表示させたい。

###発生している問題・エラーメッセージ

overflow-y: auto;で、windowsではスクロールバーの表示ができたのですが、
Macで見るとスクロールバーが表示されません。
どうすれば、Macでもスクロールバーが表示されるのでしょうか？

まだ初心者なので、どのように質問すればいいのかも分からなくて…。
質問が分かりにくかったらすみません。

Comments

[gin]

Win、Macそれぞれどのブラウザで確認したのか教えてもらえますか？

[退会済みユーザー]

windowsでは、Internet Explorer(IE)とGoogleChromeで確認しました。
Macでは、Safariで確認しました。

[退会済みユーザー]

overflow-x/overflow-y はIE拡張CSSLv2 だったはずだが

[退会済みユーザー]

IE拡張CSSLv2とは何でしょうか？
すみません。超初心者で、専門用語がまだ理解できていなくて…。

[gin]

あと該当部分のHTMLとCSS書き出せますか？
またスクロールが出てないときその要素はどうなっていますか？
スクロールがでないため途中で切れてしまうor親要素が広がって全部見えているor親要素を突き破って全部見えているなど。

[gin]

CSSLv2というのはCSS3の前のもので普通にCSSと呼ばれているものです。
またoverflow-xは最初は確かにIEの拡張でしたが今では大抵のブラウザでも使用できます。
https://developer.mozilla.org/ja/docs/Web/CSS/overflow-y

[退会済みユーザー]

＞またスクロールが出てないときその要素はどうなっていますか？

スクロールバーが出ていないだけで、普通にスクロールはできます。
バーの表示がないだけです。

＞CSSLv2というのはCSS3の前のもので普通にCSSと呼ばれているものです。
なるほど。ありがとうございます！

[退会済みユーザー]

ご回答を頂きました皆様、丁寧にご回答を頂きまして有難うございました。
無事に解決できました。

Answer 1

スクロールバーが出ていないだけで、普通にスクロールはできます。 バーの表示がないだけです。

Safariはスクロールバーが表示されないと思います。（スクロール中にのみ表示されます）
ginさんの書かれているように、::-webkit-scrollbar を使えば表示できるようです。

【ゆうのすけブログ » Macでスクロールバーを常に表示したい場合の対処法】
http://a-side-job.com/web_material/bar_css/

【iPhoneやiPadでスクロールバーを表示する | ネットインパクト】
https://www.netimpact.co.jp/hp-story/21138/

【WebKitを使ってスクロールバーをカスタマイズ | CSSPRO】
http://csspro.digitalskill.jp/チュートリアル/webkit-スクロールバー-デザイン/

【スクロールバーをデザインする ::-webkit-scrollbar に関しての覚え書き | Unformed Building】
http://unformedbuilding.com/articles/learn-about-webkit-scrollbar/

Answer 2

overflow-y: auto;

↓

overflow-y: scroll;

Answer 3

まあ対象が拡張CSSで反映されないなら

.scroll_y {
    /* width+heigiht は別のクラスで定義しているものとします。 */
    overflow: auto;
    overflow-x: none;
    overflow-y: auto;
}

とすることでoverflow-x,overflow-y が非対応のブラウザ場合に overflow コントロールを付与できる

Answer 4

スクロールはできていてスクロールバーがsafariでのみ表示されないですか…
ひとまずこれoverflow-x: hidden;の追加でどうでしょう？

ダメだった場合は細かく見ていくしかない気がします。
自分は使ったことないですが::-webkit-scrollbarを使用してカスタマイズできるかもしれませんが初心者さんだとちょっと大変だと思います。