插件: swiper iscroll ejs(主要应用于node.js) zepto(同jq用法一样,更适合于移动端) less H5: 新增标签 header footer section time main nav ... 对于input新增表单元素属性,以及新增类型的优势 email tel ...
分类:
移动开发 时间:
2017-10-09 14:18:30
阅读次数:
210
思路:轮播图,首选就是swiper,在此基础上改,但是撸了一遍API发现并没有类似的,所以只能自己改CSS了。小弟不才 直接上干货了。SCSS方面: dom结构: js部分: 成品图: 结束语:你们用的时候记得引入JQ swiper.min.js还有swiper.css啊!!! ...
分类:
其他好文 时间:
2017-09-30 17:53:46
阅读次数:
216
1. 排除某些屏,不滚动 2. 按条件排除滚动,消除touchmove影响 ...
分类:
其他好文 时间:
2017-09-29 17:44:58
阅读次数:
253
? react-native-swiper 解析 1.传递组件给swiper,作为swiper组件的children,2.假如 有 4 张图片需要循环播放,那么传给swiper 4个 <Image /> (1、2、3、4) 事实上swiper组件内会对其进行一次编辑 : 4、1、2、3、4、13.依 ...
分类:
其他好文 时间:
2017-09-26 21:16:36
阅读次数:
169
步骤: 1、去官网下载最新的swiper的js和css 分别在index页面中导入 2.在需要做轮播的页面引入 3.然后我就打开swiper的API文档了,直接copy,初始化一个swiper 当然在angular2中不能这么写,于是变成了这样 在html中 在相关的ts中 emmm.... 本来我 ...
分类:
其他好文 时间:
2017-09-19 14:46:19
阅读次数:
1601
在网上查了很多问题,原因应该是加载顺序的问题,数据还没有完全加载的时候就已经渲染swiper了。 解决办法,在swiper初始化的时候把以下两个属性加上。 就可以了。 下面贴完整代码,有兴趣的可以看一下。 ...
分类:
其他好文 时间:
2017-09-18 19:47:34
阅读次数:
368
varmySwiper=$(".swiper-container").swiper({ autoHeight:true, onSlideChangeStart:function(){ varH=$(".swiper-slide").eq(mySwiper.activeIndex).find(".bigbox").height(); varscH=$(".swiper-container").height(); varbodyH=$("body").height() if(H<..
分类:
其他好文 时间:
2017-09-15 18:39:53
阅读次数:
297
1 2 3 4 5 6 7 8 9 10 11 12 13 19 20 21 22 23 ... ...
分类:
其他好文 时间:
2017-09-14 19:01:18
阅读次数:
188
Swiper是目前较为流行的移动端触摸滑动插件,因为其简单好用易上手,很受很多设计师的欢迎。 今天在使用Swiper的时候遇到这个问题: 使用angularjs动态循环生成swiper-slide类,在swiper-wrapper里生成n个以上的滑动页,可是就是划不到第二页,尝试将longSwipe ...
分类:
其他好文 时间:
2017-09-12 13:47:50
阅读次数:
185
今天在使用Swiper的时候遇到这个问题: 使用angularjs动态循环生成swiper-slide类,在swiper-wrapper里生成n个以上的滑动页,可是就是划不到第二页,尝试将longSwipesRatio的值修改到最小,仍然不起作用。 代码执行时候发现,手动复制n个循环部分,则可以滑动 ...
分类:
其他好文 时间:
2017-09-12 13:42:10
阅读次数:
179