Penukaran tab swiper Klik setiap butang untuk membuat bekas swiper bergerak
Sebagai contoh, penukaran tab teratas NetEase mengklik setiap butang, dan bekas penukaran tab akan menatal (1: anda boleh menatal ke kiri dan ke kanan, dan kandungan menduduki keseluruhan bekas,)
http://3g.163.com/touch/auto?...
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Tatal mendatar
.topnav_listSaya membuat DEMO: https://codepen.io/anon/pen/d...
Ia hanya melaksanakan fungsi asas, dan kedudukan pergerakan tidak begitu tepat untuk kegunaan sebenar, anda perlu melaraskan sendiri jumlah pergerakan.
Prinsipnya adalah untuk menganjak setiap
.topnav_item绑定一个onClick的 listener。当点击元素时，取得该元素在topnav_list中的 index，然后把.topnav_listke kiri sepadan dengan lebar * jarak indeks (bukan nilai yang tepat, ia perlu dilaraskan).Sesetengah sintaks ES2015 digunakan dalam DEMO Sila beri perhatian kepada keserasian penyemak imbas apabila menggunakannya dalam amalan. Gambar menyelamatkan masalah dengan menggunakan kaedah
.scrollLeft()jQuery Anda boleh melaksanakannya sendiri dalam penggunaan sebenar.