如何解决如何在SwiperJS容器之外使用分页?
如何在滑动容器类之外使用分页? 我使用Swiper.js和分页功能。 Red area: Draggable area,but I need this area not dragable.
如何将分页从可拖动区域移动到不可拖动区域?
我的代码:
HTML / PHP
<div class="swiper-container">
<div class="swiper-wrapper">
<?php while ($posts_args->have_posts()) : $posts_args->the_post(); ?>
<div class="swiper-slide">
<?php get_template_part('template-parts/cards/card','article'); ?>
</div>
<?php endwhile; ?>
</div>
<div class="swiper-pagination"></div>
</div>
JavaScript:
var Slider = (function() {
var swiper = new Swiper('.swiper-container',{
slidesPerView: 1,spaceBetween: 10,grabCursor: true,pagination: {
el: '.swiper-pagination',clickable: true,},breakpoints: {
0: {
slidesPerView: 1,992: {
slidesPerView: 2,spaceBetween: 15,1200: {
slidesPerView: 3,spaceBetween: 20,}
}
});
})();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。