个人使用swiper过程中的总结1.swiper插件的使用方法,直接查看文档swiperbasicsdemoswiperAPI文档2.swiper近视初始化时,其父元素为hidden(display:none),会导致swiper初始化失败,页面滚动效果有问题解决方法一:varmySwiper=myApp.swiper('.guest-wrapper',{observer:true,//修改swiper时本身或子元素,都会自动初始化swiperobserveParents:true//当修改swiper的父元素时,自动初始化swiper});方案二:直接写宽高varmySwiper=myApp.swiper('.guest-wrapper',{width:500,height:500});3.scrolling插件嵌套在scrollingswiper插件中,要求子插件全部滚动完成后能够滚动父元素==(swiper4嵌套滚动)==//外层的父swiper层初始化窗口。window_swiper=newSwiper('.window_swiper_container',{speed:800,mousewheel:true,simulateTouch:false,nested:true,on:{onSlideChangeStart:function(swiper){//滑动父级需要激活滚轮事件swiper。enableMousewheelControl();}}});//内部子滑动器初始化(可用于多个子滑动器)varswiper=newSwiper('.{{ns}}-swiper',{simulateTouch:false,mousewheel:真,嵌套:真,关于:{slideChangeTransitionStart:function(){//这里禁止外滑动window.window_swiper.mousewheel.disable();},slideChangeTransitionEnd:function(){window.window_swiper.mousewheel.enable();}}});4.在swiper图片懒加载和预加载内部,可以使用内置的lazyload方法swiper4懒加载文档设置为true来启用图片懒加载的默认值,使preloadImages失效或者设置懒加载选项。图片延迟加载:需要将图片img标签的src重写为data-src,并添加类名swiper-lazy。背景图片的懒加载:给载体添加属性data-background,添加类名swiper-lazy。你还可以添加一个预加载器,
