webtouch（webapp）页面，防苹果手机safari浏览器，网上滑动，底部导航消失，滑动到底部又出现。向下滑动，底部导航出现。 遇到问题 1、我一开始用swipeup和swipedown来做，发现因为有滚动条，不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势，后面的文章会介绍，欢迎关注 ...
分类：
Web程序 时间：
2018-01-21 16:26:04
阅读次数：
206
经常在网页中看到这样一种效果，当页面滚动一段距离后，页面中的某个部分固定在一个区域(通常是头部导航)，这种效果一般称为Sticky Header，如下图所示： 上述操作在Android系统中非常好实现，只需要监听onscroll事件并将实现逻辑写在里面即可，但iOS则不一样，它在页面scroll的时 ...
分类：
移动开发 时间：
2018-01-09 23:14:48
阅读次数：
324
一、遇顶固定的例子 我一直以为是某个div或层随屏幕滚动，遇顶则固定，离开浏览器顶部又还原这样的例子其实不少，其实它的名字叫“层的智能浮动效果”。目前我们在国内的商业网站上就常常看到这样的效果了。例如淘宝网的搜索结果页的排序水平条，在默认状态时，该工具条是跟随页面滚动的，如下图： 而当我们下拉滚动条 ...
分类：
Web程序 时间：
2018-01-08 13:37:39
阅读次数：
2181
Cordova + vue 打包成 APP 后在部分安卓机上面，左右滑动无法正常的实现页面滚动逻辑。 解决方案： 在 touchMove 的时候，通过 event.preventDefault() 来解决 注意： transform 事件是有兼容性的，可不要忘记加前缀。 ...
分类：
移动开发 时间：
2018-01-06 14:26:19
阅读次数：
205
默认情况下mui 页面不能滚动，以下为解决方案： 1. mui('.mui-scroll-wrapper').scroll({ deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006 }); 2.(function($){ ...
分类：
其他好文 时间：
2018-01-04 18:13:02
阅读次数：
135
1.1. 页面滚动不流畅（2017-09-25） 现象： 网页竖向滚动或横向滚动不流畅。 解决方案： 为滚动元素添加css样式： -webkit-overflow-scrolling: touch; 1 详见MDN-webkit-overflow-scrolling 1.2. 横向滚动时会上下跳动（ ...
分类：
微信 时间：
2017-12-23 14:13:34
阅读次数：
291
1、地址引入 2、HTML部分 注：bounceInRight为animate.css中的动画方式，具体可见官方API给出的示例：https://daneden.github.io/animate.css 3、wow.js初始化代码 注：以下是一些自定义配置： ...
分类：
Web程序 时间：
2017-12-21 19:37:59
阅读次数：
222
方法：使用布局控制 页面中内容要放在一个和网页一样大的元素A中 （内容中有一个元素B有滚动条） 先给body和html、元素A设置 width:100%;height:100%; 元素A设置overflow: auto; 给元素A加一个class=‘hidden’ 写样式 .hidden{ over ...
分类：
移动开发 时间：
2017-12-11 18:57:47
阅读次数：
212
问题描述 1. 进入页面, 滚动到底部 2. 点击一个连接, 当前视图内容更新了 3. 内容滚动到了上次的位置导致底部的内容没显示 需要控制自动回滚到顶部 " " true和false是用来控制动画的 $ionicScrollDelegate 官网的文档说的很清楚, 用来控制ionic conten ...
分类：
其他好文 时间：
2017-12-09 18:12:06
阅读次数：
136
// 开启、禁止页面滚动 bodyScroll: { e(e) { e.preventDefault();// 注意此处代码片段必须这样提出来已保证传入下边两个事件的处理程序一样才生效，分别写到事件处理程序中不生效。 }, // 开启滚动 open() { document.body.... ...
分类：
Web程序 时间：
2017-12-06 10:38:20
阅读次数：
331
