Saya menghadapi masalah cuba menyesuaikan reka letak karusel pada peranti mudah alih. Saya mahu ia menunjukkan setiap item karusel pada mudah alih dan bukannya satu sahaja, tetapi selepas mencuba beberapa CSS dan JS, khususnya menggunakan
Apa yang saya ingin capai:
Apa yang saya ada:
Kod html sampel adalah sangat asas, saya tidak memasukkan CSS kerana ini hanya untuk tujuan reka bentuk.
teks
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Saya rasa soalan dan kes yang serupa telah dijawab sebelum ini di thread lain. Saya menemui beberapa rujukan yang mungkin membantu anda dan saya akan memberikan beberapa pautan kepada anda.Satu lagi benang dalam stackoverflow
Anda juga boleh menggunakan kod JS berikut:
$('.multi-item-carousel').carousel({ interval: false }); // for every slide in carousel, copy the next slide's item in the slide. // Do the same for the next, next item. $('.multi-item-carousel .item').each(function(){ var next = $(this).next(); if (!next.length) { next = $(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); if (next.next().length>0) { next.next().children(':first-child').clone().appendTo($(this)); } else { $(this).siblings(':first').children(':first-child').clone().appendTo($(this)); } });Penafian: Jawapan/coretan kod ini bukan milik saya. Saya mendapatnya daripada Maurice melchershttps://codepen.io/mephysto/pen/ZYVKRY