h5页面滑动效果实例

最新推荐文章于 2021-06-05 07:12:08 发布

just_sam

最新推荐文章于 2021-06-05 07:12:08 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/just_sam/article/details/63252451

版权

$(function(){
	var navIndex = 0;
	$('.cakehead li').each(function(){
		navIndex = $('.cakehead li').index($('.cakehead .active'));
	});
	var navSwiper = $(".cakehead .swiper-container").swiper({
		slidesPerView : 'auto',
		nextButton: '.next',
        prevButton: '.prev'
	});
	
	navSwiper.slideTo(navIndex);

})

$(function(){
var navIndex = 0;
$('.cakehead li').each(function(){
navIndex = $('.cakehead li').index($('.cakehead li a.cut').parent());
if ($(this).children('a').attr('class')=='cut') {
// alert($(this).index());
// alert($('.cakehead li').length-1);
if($(this).index()==0){
$('.prev').css('display','none');
}
if($(this).index()==$('.cakehead li').length-1){
$('.next').css('display','none');
}
}
});

var navSwiper = $(".cakehead .swiper-container").swiper({
slidesPerView : 'auto',
nextButton: '.next',
prevButton: '.prev'
});

navSwiper.slideTo(navIndex);

});