使有吸引力的滾動條兼容所有瀏覽器

我正在開發我的項目中的聊天和通話應用程序。使有吸引力的滾動條兼容所有瀏覽器

所以有3個選項卡。

在這個選項卡

有3個部分。

我使中間部分可滾動。

我想讓這個滾動條更薄。我不想使用瀏覽器的默認滾動條。

爲此我找到了「:: - webkit-scrollbar」，它只適用於Chrome。

我想將這個CSS應用到所有瀏覽器。

我發現滾動插件，但我不想使用任何外部插件。我想通過使用jquery/css/javascript來解決這個問題。

是否有任何財產或任何可以解決我的問題？

歡迎來到SO。請訪問[幫助]，看看有什麼和如何問。提示：如果有一件事我希望有人在我開始編碼時告訴我，我會停止嘗試重新發明輪子，然後發佈努力和代碼 – mplungjan

。很可能有人已經完成了一個完整的開源項目，一些亞洲貢獻者完善了它，比以往任何時候都更好。 – Stavm

::webkit-scrollbar僞元素是非標準的，目前沒有辦法使這個跨瀏覽器兼容。有很好的理由，爲什麼這還沒有發展成爲標準。試想一些觸摸設備的瀏覽器沒有滾動條或滾動條，它們默認隱藏，只有滾動時才顯示（以節省寶貴的空間）。自定義樣式需要適合所有這些用例。

因此，我通常建議你不要使用這種黑客風格瀏覽器滾動條。如果你真的需要解決方案，你可以試試jquery.scrollbar。恕我直言，這是沒有健全的解決方案，但是。它純粹依賴於JavaScript，可能會在某些設備上跳躍。

編輯：更多信息MDN

2017-08-01 12:24:43 MattDiMu

回答