javascript - swiper.js tidak berfungsi dengan baik apabila menetapkan autoHeight apabila ketinggian kandungan lebih kecil daripada ketinggian skrin

Question

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

Answer 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!