javascript - swiper.js tidak berfungsi dengan baik apabila menetapkan autoHeight apabila ketinggian kandungan lebih kecil daripada ketinggian skrin
phpcn_u1582
phpcn_u1582 2017-05-19 10:43:35
0
1
532

Gunakan swiper.js untuk melaksanakan penukaran item tab, tetapi ketinggian setiap item tab adalah berbeza dan data dimuatkan secara tidak segerak
AutoHeight: benar ditetapkan untuk ketinggian penyesuaian bekas leret, tetapi didapati bahawa apabila ketinggian kandungan < ketinggian skrin Atribut ini tidak berfungsi lagi
Saya menukarnya melalui tetapan js tetapi saya masih boleh meluncur ke bawah kawasan kosong Bagaimana saya boleh menyelesaikannya

phpcn_u1582
phpcn_u1582

membalas semua(1)
小葫芦

Saya pernah mengalami masalah ini sebelum ini, kerana bekas swiper adalah kotak p, jadi ketinggian sub-tab terbesar akan digunakan sebagai ketinggiannya sendiri. Jadi hanya menggunakan css tidak mencukupi, anda perlu menambah beberapa js untuk menilai.

Penyelesaian:
1 Mula-mula dengar panggilan balik acara penukaran tab Selepas penukaran tab selesai, dapatkan ketinggian kandungan tab semasa, dan kemudian js tetapkan bekas swiper luaran kepada semasa. ketinggian kandungan.
2 Kedua, selepas kandungan dinamik dimuatkan, prinsipnya adalah sama. Anda juga perlu mendapatkan ketinggian kandungan secara manual, dan kemudian menetapkan ketinggian bekas luar kepada ketinggian kandungan semasa.

Saya tidak mempunyai kod khusus bersama saya, jadi saya boleh menyiarkannya kepada anda kemudian, tetapi saya mempunyai idea itu dan saya percaya anda pasti boleh melaksanakannya!

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!