问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

用swiper插件改变透明度 当点击下一个的时候,隐藏不掉上一个li里面的...

发布网友 发布时间:2022-04-26 00:27

我来回答

1个回答

热心网友 时间:2022-04-20 02:39

Swiper是目前较为流行的移动端触摸滑动插件,因为其简单好用易上手,受到很多前端开发者的欢迎。 今天在使用Swiper的时候遇到这个问题: 使用angularjs动态循环生成swiper-slide类,在swiper-wrapper里生成6个以上的滑动页,可是就是划不到第二页,尝试将longSwipesRatio的值修改到最小,仍然不起作用。 <div class="swiper-wrapper" > <!-- =======循环部分======= --> <div class="swiper-slide" ng-repeat="result in mediaList"> //此处为一个滑动页内容 </div> <!-- ============== --> </div> </div> 在测试时发现,手动复制n个循环部分,则可以滑动n个块;手动调节窗口大小,使页面文档发生改变(动态响应)后,可以正常滑动。 于是猜测swiper的机制是:初始化的时候自动扫描swiper-wrapper类下有多少个swiper-slide类块,则允许滑动多少个块。 而在angular始终在swiper初始化之后定义,swiper则无法正确scan有多少个slide(实际上找到一个待循环模板),所以划不动。 找到原因后,只须对症下药。 在查阅Swiper的API时发现,有这样两个参数:observer和observeParents,前者启动动态检查器,当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。后者原理和前者一样,只是将observe应用于Swiper的父元素。两者默认值都为false。 所以在原来的swiper初始化代码中加上这两行即可。 var mySwiper = new Swiper('.swiper-container',{ pagination : '.swiper-pagination', paginationClickable: true, longSwipesRatio: 0.3, touchRatio:1, observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true,//修改swiper的父元素时,自动初始化swiper }) 以上所述是小编给大家介绍的AngularJS 中使用Swiper制作滚动图不能滑动的解决方法,希望对大家有所帮助,如果大家有 任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
少儿学什么舞蹈 青年学什么舞蹈好 成年人学什么舞蹈 福州企业最低工资标准 2013年厦门的底薪是多少 生产要素的需求有哪些性质 生产要素的需求有何特点? 什么是生产要素需求 微观经济学要素需求什么是条件要素需求?它和要素需求有什么不同?_百度... 养宠物的人遵守规则,是不是就能和别人平安相处呢? 团结湖附近哪里有照相馆?可以照全家福的,不是一寸照片~~谢谢!_百度问一问 Swiper 4.0.7 如何在鼠标悬浮在上方时停止自动切换 麻烦问一下这附近有没有照2寸的照相馆? 移动端swiper做页面切换,如何让做最后一页滑动时回到第一页 合肥市莲花派出所附近哪里有拍证件照的 请教各位大神 ajax后台获取的数据如何循环显示在前端swiper轮播的div中 为什么用sicroll,它与swiper和其它滚动插件有什么区别 怎么才能让它swiper自动翻页时停在最后一页,无论你怎么翻页他都自动翻... swiper2.0 有没有点击左右按钮循坏滚动 swiper.js 怎么实现第一页自动播放到二页 然后从第二页开始手动播放到下... swiper插件怎么当图片只有一张时禁止自动轮播 swiper轮播图自动播放速度太快 swiper3的loop循环添加内容动画 Swiper.slideNext()可以循环吗 swiper匀速轮播第一遍是正常匀速的,加完loop第二遍为什么出现卡顿了... 怎么改变swiper2点击按钮之后就不能自动播放 移动硬盘的缓存和转是什么意思?有什么作用? 为什么笔记本只配512G固态硬盘,却被称为良心? 以前在自己的笔记本上用BITLOCKER加密了自己的移动硬盘,可是前几天笔记 我笔记本是13年买的联想u400买了一个新的移动硬盘1t的拿下来装到了笔记 附近那里有艺术照相馆 使用jQuery实现图片循环滚动效果,当把光标移动图上,停止滚动;当把光标... 北京海淀双清路附近哪里有拍证件照的地方? javascript jq中的 idangerous.swiper类库的嵌套使用问题 北京安贞门航旅大厦附近哪里有拍证件照的 汉江新城附近哪里有照证件照的地方 八百办附近哪里有拍一寸大小的证件照? 中关村附近哪有照相馆 南宁麻村市场附近哪里有照相馆啊 想要拍结婚登记照,朝阳附近哪里有比较受欢迎的照相馆? 北苑路附近哪里有照相馆 附近有哪些照证件照的地方 北师附近哪里有照证件照的? 附近哪里有照相馆 五道口地铁站附近哪里有证件照照的好看的 我的电脑本来可以建立WIFI和我的手机一起上网的,但是现在突然不能上了 注销微博后14天内登录是不是就算取消注销了? 我在注销微博之前成功申请当中说14天后成功登陆,它现在日期是2月28日,请问是不是就已经成功注销? 优乐pos机官方在线咨询电话是多少 易汇s98pos机服务电话是多少