使用swiper插件下面空出很多空白的

假的程序猿 2018-05-24 11:40:13

很影响页面的美观
大神呀,怎么解决呀
...全文
2585 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
u014789708 2019-02-26
  • 打赏
  • 举报
回复
testaaa
贼皮滴小仙女 2018-05-31
  • 打赏
  • 举报
回复
在你的第一个“{”加上 “ autoHeight: true,”就行了
<script type="text/javascript">
		var certifySwiper = new Swiper('#certify .gallery-home-banner', {
			watchSlidesProgress : true,
			slidesPerView : 'auto',
			centeredSlides : true,
			loop : true,
			loopedSlides : 5,
			speed : 500,
			autoplay : 3000,
			prevButton : '.swiper-button-prev',
			nextButton : '.swiper-button-next',
			pagination : '.swiper-pagination',
			paginationClickable : true,
			onProgress : function(swiper, progress) {
				for (i = 0; i < swiper.slides.length; i++) {
					var slide = swiper.slides.eq(i);
					var slideProgress = swiper.slides[i].progress;
					modify = 1;
					if (Math.abs(slideProgress) > 1) {
						modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
					}
					translate = slideProgress * modify * 260 + 'px';
					scale = 1 - Math.abs(slideProgress) / 5;
					zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
					slide.transform('translateX(' + translate + ') scale('
							+ scale + ')');
					slide.css('zIndex', zIndex);
					slide.css('opacity', 1);
					if (Math.abs(slideProgress) > 3) {
						slide.css('opacity', 0);
					}
				}
			},
			onSetTransition : function(swiper, transition) {
				for ( var i = 0; i < swiper.slides.length; i++) {
					var slide = swiper.slides.eq(i)
					slide.transition(transition);
				}

			},
			//处理分页器bug
			onSlideChangeStart : function(swiper) {
				if (swiper.activeIndex == 2) {
					swiper.bullets.eq(3).addClass(
							'swiper-pagination-bullet-active');
					console.log(swiper.bullets.length);
				}
			}
		})

		//强力推荐
		var swiper = new Swiper('.gallery-home-recommend', {
			pagination : '.swiper-pagination-recommend',
			paginationClickable : true,
			autoplay : 10000,
			loop : true,
			nextButton : '.swiper-button-next-recommend',
			prevButton : '.swiper-button-prev-recommend',
			slidesPerView : 1,
			spaceBetween : 0
		});

		//
		//热门标签
		var swiper = new Swiper('.gallery-home-hot-list', {
			slidesPerView : 1,
			spaceBetween : 0,
			autoplay : 10000,
			loop : true,
			nextButton : '.swiper-button-next-hot',
			prevButton : '.swiper-button-prev-hot',
			pagination : '.swiper-pagination-hot',
			paginationClickable : true
		});

		//日历
		$(".js-time-day").flatpickr({
			"locale" : "zh",
			inline : true
		});
	</script>
咸哼酒家 2018-05-29
  • 打赏
  • 举报
回复
这儿现在人很少了
假的程序猿 2018-05-25
  • 打赏
  • 举报
回复
引用 1 楼 usecf 的回复:
你把网址或者代码贴出来
你人嘞,我把网址贴出来了,帮我解决一下嘛,拜托拜托
假的程序猿 2018-05-25
  • 打赏
  • 举报
回复
有没有人来解决一下啊
假的程序猿 2018-05-25
  • 打赏
  • 举报
回复
引用 1 楼 usecf 的回复:
你把网址或者代码贴出来
www.xingxauto.com
usecf 2018-05-24
  • 打赏
  • 举报
回复
你把网址或者代码贴出来

23,404

社区成员

发帖
与我相关
我的任务
社区描述
Java 非技术区
社区管理员
  • 非技术区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧