天天看點

textarea滾動條_最好用的滾動條美化插件——jQuery.NiceScroll有史以來最好的nicescroll版本-在現代浏覽器和移動裝置中極其流暢和一緻,資源使用率低特征

textarea滾動條_最好用的滾動條美化插件——jQuery.NiceScroll有史以來最好的nicescroll版本-在現代浏覽器和移動裝置中極其流暢和一緻,資源使用率低特征

nicescroll 滾動條插件是一個非常強大的基于 jQuery 的滾動條插件,不需要增加額外的css,幾乎全浏覽器相容。ie6+,實作隻需要一段代碼,侵入性非常小,樣式可完全自定義,支援觸摸事件,可在觸摸屏上使用。

有史以來最好的nicescroll版本-在現代浏覽器和移動裝置中極其流暢和一緻,資源使用率低

強大的不能讓你呼吸!相容、适配、美觀都是那麼完美!一起體驗一下它的酣暢淋漓!

  • 水準滾動條支援!
  • 它支援DIV,IFrame,textarea和文檔頁面(正文)滾動條。
  • 與所有最新的桌上型電腦浏覽器及更早版本相容:Chrome,Firefox,Edge,IE8 +,Safari(win / mac),Opera。(所有A級浏覽器)
  • 與移動裝置相容:iPad / iPhone / iPod,Android 4+,黑莓手機和Playbook(WebWorks / Table OS),Windows Phone 8和10。
  • 與所有觸摸裝置相容:iPad,Android平闆電腦,Window Surface。
  • 與多輸入裝置(帶觸摸或筆的滑鼠)相容:Window Surface,觸摸筆記本上的Chrome桌面。
  • 相容2種方向滑鼠:Apple Magic Mouse,帶2 dir滾輪的Apple Mouser,帶2 dir滾輪的PC滑鼠(如果浏覽器支援)。

是以,您擁有可用于iPad的動量可定制和可滾動div,并且所有桌上型電腦和移動平台都具有一緻的可滾動區域。

性感的縮放功能,您可以“放大”任何nicescrolled div的内容。全屏模式下div的所有内容都易于使用和檢視。它可以使用捏合手勢在移動/觸摸裝置的桌面裝置(輕按兩下div)上工作。

在現代浏覽器上,已經實作了硬體加速滾動。使用animationFrame進行最流暢且節省CPU的滾動。(當浏覽器支援時)

“使用嚴格的”經過測試的腳本可獲得最高的代碼品質。Bower和AMD準備就緒。

對IE6 / 7使用者的警告(您為什麼要使用?請更新到更穩定和更現代的浏覽器),已棄用對您的浏覽器的支援。

特征

  • 簡單的安裝和激活,無需修改您的代碼即可使用。(可能會發生一些例外情況,是以您可以寫信給我)
  • 非常時尚的滾動條,不會占用您的視窗(原始浏覽器滾動條需要一些頁面空間,并減小了視窗/ div的可用寬度)
  • 您也可以為主文檔滾動條(正文)設定樣式!(并非所有裝置/浏覽器都支援此功能)
  • 在所有浏覽器上,您都可以滾動:拖動光标,滑鼠滾輪(可自定義速度),鍵盤導航(光标鍵,上移/下移鍵,主鍵/結束鍵)
  • 滾動流暢(如現代平闆電腦浏覽),速度可自定義
  • 變焦功能
  • 硬體加速滾動(如果可用)
  • 動畫架構支援平滑滾動和節省CPU
  • 具有滾動動量的拖動滾動模式(作為觸摸裝置)
  • 已針對所有主流浏覽器的桌面版和移動版進行測試
  • 支援觸摸裝置
  • 支援多輸入裝置(MSPointer / Pointer支援)
  • 與其他許多浏覽器和Webkit相容!
  • 滾動條有很多可定制的功能
  • 本機滾動事件仍在起作用
  • 與jQuery完全內建
  • 與jQuery UI,jQuery Touch,jQuery Mobile相容

具體的使用方法及其如何加載依賴,我這邊就不多說了,大家可以上官網教程及gitHub上進行檢視。

這是URL:https://nicescroll.areaaperta.com

接下來我們欣賞一波吧!

textarea滾動條_最好用的滾動條美化插件——jQuery.NiceScroll有史以來最好的nicescroll版本-在現代浏覽器和移動裝置中極其流暢和一緻,資源使用率低特征
textarea滾動條_最好用的滾動條美化插件——jQuery.NiceScroll有史以來最好的nicescroll版本-在現代浏覽器和移動裝置中極其流暢和一緻,資源使用率低特征
textarea滾動條_最好用的滾動條美化插件——jQuery.NiceScroll有史以來最好的nicescroll版本-在現代浏覽器和移動裝置中極其流暢和一緻,資源使用率低特征