Windowsユーザーに影響を与えずにスクロールバーがOS Xに隠れないようにするにはどうすればよいですか？

私はスクロール可能なdivを持っています。 OS Xでは、スクロールバーは自動的に非表示になりますが、これは常に目に見えるスクロールバーよりもはるかに美しいですが、ユーザーが混乱することがあります。この問題に対する一般的な応答は::-webkit-scrollbarを使用することです：Windowsユーザーに影響を与えずにスクロールバーがOS Xに隠れないようにするにはどうすればよいですか？

これらのソリューションとのトラブルは、彼らはまた、Windows上のクロームのユーザーに影響を与えるということである、と私はたいChromeのユーザーは、以前と同じスクロールエクスペリエンスを持つWindows上に置くことができます。

スクロールバーのスタイルを変更せずにスクロールバーがOS Xに表示されないようにする方法や、CSSに何かを追加してMacユーザーのみに影響を与える方法はありますか？

ありがとうございます！

出典

2016-07-24 JSP64

Chromeユーザーにはスクロールしてもらいたいと思っているようですが、これもOS X上に置くことをお勧めします。 gの経験は慣れているので、そのまま放置すれば、サービスをやっていきます。驚いたユーザーは、UXの決定が悪いという兆候です。それでも、ユーザーの好みのUIをオーバーライドしたい場合は、ユーザーエージェントがJavaScriptでスニッフィングを行います。ユーザーエージェントの文字列にある「Mac」や「Chrome」などを探して、それに応じてCSSを適用します。詳細を知りたい場合は、詳細を記入して回答することができます。 – amn

私はバストのユーザーエクスペリエンスがWindowsとMacで同じ外観を維持していると思います。あなたは、このようなNanoScrollerとして両方のシステムで、それはpettierにするためにプラグインを使用することができます：

あなたのHTML：

<head> 
    <link rel="stylesheet" href="nanoscroller.css"> 
</head> 
<body> 
    <!-- Your Element --> 
    <div id="about" class="nano"> 
     <div class="nano-content"> 
      <!-- Your content --> 
     </div> 
    </div> 
    <script src="jquery.js"></script> 
    <script src="nanoscroller.js"></script> 
    <script src="all.js"></script> 
</body>

あなたのJS（all.js）

$(function(){ 
    // binding nanoScroller. 
    $('.nano').nanoScroller({ alwaysVisible: true }); 
})

は、ここに全体のドキュメントを参照してください。： https://jamesflorentino.github.io/nanoScrollerJS/

出典

2017-05-24 14:12:17

Windowsユーザーに影響を与えずにスクロールバーがOS Xに隠れないようにするにはどうすればよいですか？

答えて

関連する問題