1.需要用到的组件和api scroll-view(可滚动视图区域) wx.showToast(OBJECT)显示消息提示窗 显示loading小菊花用的 2.需要用到的属性 3.scrol-view需要指定一个高度,这个高度可以按自己的需求计算,我使用的是屏幕可用高度并且默认一页显示6个 4.滚动 ...
分类:
微信 时间:
2018-01-05 12:31:10
阅读次数:
367
默认情况下mui 页面不能滚动,以下为解决方案: 1. mui('.mui-scroll-wrapper').scroll({ deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006 }); 2.(function($){ ...
分类:
其他好文 时间:
2018-01-04 18:13:02
阅读次数:
135
此类事件是手机touchmove默认事件行为,可以通过js代码隐藏事件: $(‘body’).on(‘touchmove’, function (event) {event.preventDefault();}); or document.addEventListener('touchmove', ...
分类:
微信 时间:
2018-01-04 12:25:49
阅读次数:
303
小程序的事件分为两种,冒泡和非冒泡事件,像<form/>的submit事件,<input/>的input事件,<scroll-view/>的scroll事件等非冒泡事件,需要到组件的文档里去找,如下是我截图的一些常用的非冒泡事件 非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。 想要 ...
分类:
微信 时间:
2018-01-03 18:36:02
阅读次数:
12134
首先我们需要使用scrollTo这个方法: scrollTo(x, y, time, easing) 参数: {Number} x 横轴坐标(单位 px) {Number} y 纵轴坐标(单位 px) {Number} time 滚动动画执行的时长(单位 ms) {Object} easing 缓动 ...
分类:
Web程序 时间:
2018-01-03 14:14:25
阅读次数:
376
函数节流和函数防抖,两者都是优化高频率执行js代码的一种手段。 以下场景往往由于事件频繁被触发,因而频繁执行DOM操作、资源加载等重行为,导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、 ...
分类:
其他好文 时间:
2018-01-03 00:48:16
阅读次数:
121
一、容器溢出 语法:overflow:visible|hidden|scroll|auto|inherit; visible:默认值,溢出内容不会被裁剪,正常显示 hidden: 溢出内容隐藏不可见 scroll: 当容器溢出时,溢出的内容以滚动条的形式查看(当容器没有溢出时,也会显示一个默认的滚动 ...
分类:
其他好文 时间:
2018-01-02 23:25:27
阅读次数:
142
背景图默认平铺: 背景图片定位: 背景中scroll的设置: 复合样式(简化单一样式): ...
分类:
Web程序 时间:
2018-01-02 23:20:33
阅读次数:
281
本项目是基于组件化开发的思想,可以看做是在App.vue这个大组件内编写以下小组件:包括头部,中间导航区,以及最底下的内容区,使用vue-router来控制中间导航区(商品,商家,评价)页面的跳转。 1.先引入reset.css(文件路径:项目 -> static -> css)将标签默认样式进行设 ...
分类:
其他好文 时间:
2018-01-02 15:18:54
阅读次数:
209
function refresh(refresh,loadmore) { $(window).scroll(function(){ console.log('正在滑动f'); var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度 var scrollHe ...
分类:
移动开发 时间:
2018-01-01 21:55:35
阅读次数:
230