
布局
灬风吹雨
这个作者很懒,什么都没留下…
展开
-
js手机端、h5页面如何判断点击还是滑动
在手机h5端页面使用上下滑动事件实现翻页等一系列功能时,可以使用触摸结束的位置 - 触摸开始的位置判断,当结果大于0时,向上翻页,当结果小于0时向下翻页。 document.addEventListener('touchstart',this.touchstart); document.addEventListener('touchend',this.touchend); touchstart(e){ // console.log(e.changedTouches[0].p原创 2021-03-11 09:47:49 · 2204 阅读 · 0 评论 -
web及h5上下翻页功能
实现上下翻页效果可以使用轮播图辅助实现,这里使用element-ui,其它插件使用方法类同。html代码: //:autoplay="false"不自动播放 :loop="false"不循环 direction="vertical"轮播为数值方向<el-carousel ref="goupdown" height="100%" direction="vertical" :autoplay="false" :loop="false"> <el-carousel-it原创 2021-03-08 15:40:47 · 2109 阅读 · 0 评论 -
前端页面特效(持续更新)
1、vue项目页面展开特效项目资源地址:点击前往。原创 2021-03-06 20:41:39 · 542 阅读 · 0 评论 -
微信小程序实现瀑布流布局
瀑布流布局主要将大小不一的图片按等宽格式向下铺满。先分析,主要实现方式可以是将左右两列划分为两个数组存储图片,每次添加图片时判断两侧高度,并将图片添加到高度较低的数组中。微信小程序获取对象高度可通过wx.createSelectorQuery()方法来实现,官方地址。 query = wx.createSelectorQuery(); query.select('#left').boundingClientRect(); query.exec((res) => { .原创 2020-11-21 09:53:09 · 1375 阅读 · 0 评论