Swiper Slider在最后一张幻灯片后产生了空白空间
我将 Swiper Slider 用于我使用 Phonegap 和 Framework 7 创建的混合应用程序. 每张幻灯片都包含通过 Ajax 调用带来的动态内容. 问题是我在同一页面中有两个滑块,当我到达它们的最后一张幻灯片时,开始出现一个巨大的空白区域,我们用手指滑动的次数越多,它将创建的空白空间越多. 我将在这里留下一些印刷品和相关的代码. 我的 HTML 文件: Ementa
156 2022-08-05
编程技术问答社区
webapp - swiper做移动端怎么用rem单位?
问 题 开发文档那里有可以强制固定div的宽高 但是那个是像素的 不能随着屏幕大小改变font-size适应屏幕 解决方案 这个问题我可以来回答吗,因为之间我遇到过,废话不多说,上代码; var fileSwiper = new Swiper('.film-wrap',{ ***width:4.8*font_size,*** wrapperClass:"film", slideClass: 'film-item', loop:true, spaceBetween : 0, prevButton:'.left-arrow', nextButton:'.right-arrow', preventClicks : true, loopedSlides :0, slidesPerView : 'auto',
986 2022-07-19
编程技术问答社区
sui-mobile - SUI与swiper能否兼容?
用swiper写了个滚动轮播,如果不加SUI框架的话,正常显示; 正常视图: 但是如果加上,而无法正常显示,有bug。 这样子写的话,会出现,有空白页的现象,完全拉不回来.... 完全无法控制昂昂昂昂昂~~~~ 请教下使用过两个插件的前辈们,给帮忙解释解释,谢谢啦~~~
260 2022-07-19
编程技术问答社区
javascript - vue中Swipe插件在data的值更新后为什么不会重新更新dom?
这个是一个banner图,用vue写了一个swipe轮播组件。 这是传入的初始值,每次加载页面都会先从本地存储中取值,如果有的话就直接传入,同时再去服务端请求news信息,更新this.news,这个时候重新传入swipe组件新的值不会触发dom的更新,轮播图还是那几张。这是为什么呢,控制台打印出来传入news值确实是变化的,不应该响应式触发更新DOM吗? data(){ return{ news:localStorage.getItem("news") } } getSwipePictrue:function(){ this.axios.post("News.php").then((res)=>{ if(res.data.errCode=='1'){ _this.news=JSON.stringify(res.data.news
318 2022-07-19
编程技术问答社区
在Ng-Repeat元素加载后运行的jQuery Swiper脚本 - AngularJS
我有一个问题,即使在stackoverflow上看其他帖子,我也无法解决. 我正在使用 angularjs , jquery ,html,css和bootstrap,我想选择一些图像链接来自我的 json ,它位于 apache2服务器中并使用它们,以便在我的主页上呈现这些图像.我还想像旋转木马一样滑动它们.要做到这一点,我正在尝试使用 idangero.us swiper . 当我用 3分隔的divs选择我的图像我没有问题.我得到了我的图像,然后我通常可以像我想要的一样旋转它们.我这样做就像如下所示: main.html:
276 2022-07-19
编程技术问答社区
如何设置刷卡器的左、右刷卡限制?
如何从摇头左右限制才能少? 如果我在第一个幻灯片上,如果我向右滑动,则存在一个阈值,我看到包装器.如何最小化这使得距离是较短的..例如,在响应设计示例中: http://www.idangero.us/sliders/swiper/demos.php 解决方案 在撰写本响应时(2015年8月11日)我认为解决方案是使用resistanceRatio属性而不是resistance:'100%'. 使用resistanceRatio: 0反弹行为关闭.默认值为0.85. 如果resistance属性不是假(resistance为true)的默认值,则这将起作用.
236 2022-07-19
编程技术问答社区
vue.js - swiper组件的使用
目前使用有两个问题: 1、在swiper中文官网上有一个demo 关于设置Carousel模式,我在官网上没有找到设置carousel模式的设置参数。 2、官网上设置paginationHide=true,但是演示效果中圆点还是显示出来了。
164 2022-07-17
编程技术问答社区
swiper.js - Swiper在freeMode:true模式下,如何用onSlideChangeStart回调获取到activeIndex
问 题 Swiper在freeMode:true模式下,如何用onSlideChangeStart回调获取到activeIndex 这样好像是获取不到的,有其他办法吗? 解决方案 谢邀。 可以获取到activeIndex啊。onSlideChangeStart得过渡到下一个slide的时候才会触发,freeMode: true模式下有可能没有过渡到下一个slide,所以函数没有触发。 可以试试onTransitionStart,只要开始过渡了就触发这个函数。 当然要看你具体什么需求,我只是一个思路。
2474 2022-07-17
编程技术问答社区
javascript - swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始
问 题 var swiperV = new Swiper('.swiper-container-v', { pagination: '.swiper-pagination-v', paginationClickable: true, direction: 'vertical', allowSwipeToNext: false, observer: true, observeParents: true }); var swiperH = new Swiper('.swiper-container-h', { pagination: '.swiper-pagination-h', paginationClickable: true, direction: 'horizontal', resistanceRatio:
262 2022-07-17
编程技术问答社区
javascript - swiper竖向滚动时无法点击选中?
使用swiper竖向滑动时,出现了一个很奇怪的问题,点击第二个可以跳转到第二项,第三个第四个就没有反应。 demo在这里,https://jsfiddle.net/bpyttmye/1/ 不知道是什么原因造成的? 如果加了这一项centeredSlides : true就可以正常滚动了,但是居中的效果与设计又不付,很纠结?
122 2022-07-17
编程技术问答社区
图像库swiper未显示在jQueryMobile页面上
我在我的 jQueryMobile 页面上使用 Swiper by idangero.us. 我的 HTML 文件由两个“页面"组成.其中一个应该有一个图片库.它可以很好地查看图像,并且滑块可以正常工作,无需 jQueryMobile.但是一旦我使用 jQueryMobile,图像就不再显示了. 我发现的最相似的问题是:Swiper 在 Jquery Mobile 中不起作用但这并没有帮助我找到解决方案.有人可以向我解释为什么这不起作用吗? 这是我的 HTML: Title
192 2022-07-17
编程技术问答社区
webapp - 手机端上触摸事件一般什么情况会用到
问 题 手机端的静态页面做好了,哪些地方会用到触摸事件,除了轮播广告肯定要用到,还有把click事件都绑定tap事件,页面上还有哪些地方要用到,本人手机端页面用了zepto.js库,所以配套用了touch.js组件,发现tap事件反应到时挺快,至少比click快了200~300毫秒,但是swipe事件真机上测试发现延时很多,4个方向都是一个情况。 为了解决问题查了很多资料,比如说看了《43个处理触摸事件的jQuery插件》 又有人和我说用swiper-master的库,现在很是不解,可能是我理解的不够全面查的资料不是重点吧!有实战过这方面的经验希望分享下。 整个手机端的页面哪些地方要用到触摸事件? 解决方案 手机端都是触摸
250 2022-07-17
编程技术问答社区