5 JQuery Scrollbar untuk Peranti Mudah Alih

Bar scroll custom telah popular dan kerana itu kami memberikan anda senarai scrollbar yang bergaya, fleksibel dan mudah digunakan dalam jQuery yang berfungsi secara konsisten di semua pelayar moden dan peranti mudah alih . Bersenang -senang!

Catatan yang berkaitan:

10 jQuery plugin scrollbar adat
JQuery check jika tatal menegak hadir

1. DZS Scroller - JQuery Scrollbar Done Right

DZS Scroller JQuery adalah bar scroll muktamad untuk laman web anda yang anda boleh menyesuaikan dengan mudah melalui CSS jika 3 kulit termasuk tidak mencukupi. Bekerja pada iPhone/iPad.

Sourcedemo

2. Nicescroll

plugin jQuery (sejak 1.5), untuk bar scroll yang bagus dengan gaya iOS/mudah alih yang sangat serupa. Ia menyokong divs, iframes dan halaman dokumen (badan) scrollars.

Sourcedemo

3. Tiny Scrollbar

direka untuk menjadi utiliti ringan dinamik yang memberikan pereka web cara yang kuat untuk meningkatkan antara muka pengguna laman web. iPhone, iPad, Sokongan Android!

Demo sumber

4. Iscroll 4

Penulisan semula lengkap kod ISCROLL asal. Perkembangan skrip bermula kerana WebKit Mudah Alih (di iPhone, iPad, Android) tidak menyediakan cara asli untuk menatal kandungan di dalam elemen lebar/ketinggian tetap.

Sourcedemo

5. JScrollPane

Oleh kerana scrollbar biasa yang dilaksanakan untuk penyemak imbas tidak berfungsi di iPad, kami boleh melaksanakannya menggunakan jscrollpane yang merupakan plugin jQuery.

Sourcedemo

Soalan Lazim (Soalan Lazim) Mengenai JQuery Scrollbar untuk Peranti Mudah Alih

Bagaimana saya boleh melaksanakan bar scroll jQuery di laman web mudah alih saya? Pertama, anda perlu memasukkan perpustakaan jQuery dalam fail HTML anda. Anda boleh melakukan ini dengan menambahkan tag skrip dengan atribut sumber yang menunjuk ke perpustakaan jQuery. Seterusnya, anda perlu memasukkan plugin scrollbar jQuery. Ini boleh dilakukan dengan cara yang sama untuk memasukkan perpustakaan jQuery. Sebaik sahaja anda telah memasukkan kedua -dua fail ini, anda boleh menggunakan kaedah scrollbar jQuery untuk membuat dan menyesuaikan bar skrol anda. Sebagai contoh, anda boleh menggunakan kaedah 'scrollbar' untuk membuat bar scroll baru dan kaedah 'pilihan' untuk menyesuaikannya.

Apakah faedah menggunakan bar scroll jQuery di laman web mudah alih saya? Ia membolehkan pengguna dengan mudah menavigasi kandungan anda, terutamanya jika anda mempunyai banyak. Ia juga memberikan laman web anda yang lebih profesional dan digilap. Di samping itu, bar jQuery scrollars sangat disesuaikan, jadi anda boleh menyesuaikan mereka agar sesuai dengan rupa dan nuansa laman web anda. Penampilan bar jquery anda. Plugin Scrollbar JQuery menyediakan beberapa pilihan yang boleh anda gunakan untuk menukar rupa bar skrol anda. Sebagai contoh, anda boleh menukar warna, saiz, dan kedudukan bar skrol. Anda juga boleh menambah gaya CSS tersuai untuk menyesuaikan lagi penampilan bar skrol anda. Anda boleh menggunakan kaedah 'tatal' untuk melampirkan pengendali acara ke acara tatal. Pengendali acara ini akan dipanggil apabila pengguna skrol di laman web anda. Di dalam pengendali acara ini, anda boleh melakukan apa -apa tindakan yang anda mahu berlaku semasa skrol pengguna. Pada peranti mudah alih, terdapat beberapa sebab untuk ini. Salah satu sebab yang mungkin ialah anda tidak memasukkan perpustakaan jQuery atau plugin scrollbar jQuery dengan betul. Pastikan anda telah memasukkan fail -fail ini dalam fail HTML anda dan bahawa laluan ke fail ini betul. Satu lagi sebab yang mungkin ialah terdapat konflik dengan kod JavaScript lain di laman web anda. Cuba melumpuhkan kod JavaScript yang lain untuk melihat apakah ini menyelesaikan masalah ini. Anda boleh menggunakan pertanyaan media ini untuk menukar saiz dan kedudukan bar skrol anda berdasarkan saiz skrin peranti. Ini akan memastikan bahawa bar scroll anda kelihatan baik dan berfungsi dengan baik pada semua peranti, tanpa mengira saiz skrin mereka. dengan plugin jQuery yang lain. Walau bagaimanapun, anda perlu berhati -hati untuk mengelakkan konflik antara plugin. Jika anda menggunakan pelbagai plugin jQuery, pastikan untuk memasukkannya dalam urutan yang betul dalam fail HTML anda. Juga, periksa dokumentasi setiap plugin untuk melihat sama ada terdapat konflik yang diketahui dengan plugin lain.

Bagaimana saya boleh mengemas kini kandungan bar jquery saya? Kaedah ini akan mengemas kini bar scroll untuk mencerminkan sebarang perubahan dalam kandungan laman web anda. Anda boleh menghubungi kaedah ini setiap kali anda menambah, membuang, atau menukar kandungan laman web anda. Laman web adalah serupa dengan menambah bar skrol menegak. Anda hanya perlu menggunakan pilihan 'mendatar' apabila membuat bar skrol anda. Ini akan mencipta bar skrol yang menatal secara mendatar dan bukannya secara menegak. Plugin Scrollbar JQuery direka untuk berfungsi pada semua peranti, termasuk komputer desktop dan komputer riba. Walau bagaimanapun, pengalaman pengguna mungkin berbeza pada peranti bukan mudah alih kerana saiz skrin yang lebih besar dan kaedah input yang berbeza.

Atas ialah kandungan terperinci 5 JQuery Scrollbar untuk Peranti Mudah Alih. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!