最近在做新闻咨询页的项目，各个新闻频道通过横向滑动切换，顶部的导航active栏需要跟着切换到对应频道，并且active到达中部时，要一直处在中间。 类似效果就是uc浏览器《UC头条》的导航栏滑动居中一样。 写出来挺有成就感的，做个记录。使用的框架是vue， 但思路无关框架。 首先看html的结构， ...
分类：
Web程序 时间：
2018-02-09 15:47:01
阅读次数：
2135
问题 在移动端页面进行优化时，一般使用touch事件替代鼠标相关事件，用的较多的是使用touchend事件替代PC端的click和mouseup事件。 但是，touchend事件在页面滚动时有个问题。在滚动完成后，如果当前触点的位置所指的元素绑定了touchend事件，这时便会触发该元素的touch ...
分类：
其他好文 时间：
2018-02-02 14:15:20
阅读次数：
163
这里强调一点：在主线程中以+scheduledTimerWithTimeInterval...的方式触发的timer默认是运行在NSDefaultRunLoopMode模式下的，当滑动页面上的列表时，进入了UITrackingRunLoopMode模式，这时候timer就会停止 可以修改timer的 ...
分类：
其他好文 时间：
2017-09-22 14:13:15
阅读次数：
208
工作中发现，给一个元素添加fixed属性，让它固定在窗口某个位置，直接加fposition:fixed属性就能实现这个效果； 在安卓手机上的效果都比较好，但是ios系统的个别浏览器兼容性就不好，如QQ浏览器、UC浏览器、360浏览器（这几个是ios最容易出问题的浏览器）； 问题：当用户快速滑动页面的 ...
分类：
移动开发 时间：
2017-09-18 22:12:21
阅读次数：
343
Android UI-实现底部切换标签（fragment) 前言 本篇博客要分享的一个UI效果——实现底部切换标签，想必大家在一些应用上面遇到过这样的效果了，最典型的就是微信了，能够左右滑动切换页面。也能够点击标签页滑动页面，它们是怎样实现的呢，本篇博客为了简单仅仅介绍怎样实现点击底部切换标签页。 ...
分类：
移动开发 时间：
2017-08-13 13:25:06
阅读次数：
205
1、overflow-x 这真的是一个大坑，一旦你在body或者html上用了这个属性，对不起，如果你的页面出现滚动条的话，那就会出现莫名其妙的bug，滑动页面的时候fix在顶部或者底部的会挡住。 解决办法：html跟body不要使用这个属性，如果不想让横向出现滚动，就用overflow:hidde ...
分类：
其他好文 时间：
2017-05-31 14:02:13
阅读次数：
175
在逛网站我们可能都会看到靠近网页右边的中间位置有个小广告,不管我们向上还是向下滑动页面它都始终垂直居中。最简单的方式是用固定定位。 先来布局(为了让滚动条出现强行给个2000px的高。。。。。。) css 这样div就差不多在中间的位置了并且不会随页面滚动。 这就完了?每当这种时候我们就问问自己,I ...
分类：
其他好文 时间：
2017-05-16 17:25:22
阅读次数：
228
下载selenium IDE的log保存插件为File Logging（selenium IDE）,下载安装方式如下： （1）打开firefox浏览器 点击右上角 附加组件 插件 搜索框输入“selenium” 搜索结果下拉到页面最底部，点击“查看全部的37项结果” 滑动页面，找到如下图所示，添加到 ...
分类：
其他好文 时间：
2017-05-03 20:35:16
阅读次数：
742
移动端左右、上下滑动： 当页面中既需要页面滑动操作，又需要上下或左右滑动页面上的某个元素时，直接使用zepto中提供的swipe事件是不能直接达到目的的，原因如下： （1）在Android低端机上touchEnd会不被触发。 （2）zepto中的swipe 事件通过 事件冒泡机制实现事件监听 在do ...
分类：
移动开发 时间：
2017-04-24 12:06:07
阅读次数：
228
坑1： 在可滚动页面，如UIScrollView,UITableView,UICollectionView上，有多个圆形控件，如圆形头像、日历等。 // 使用这种方式，滑动页面时会出现明显的卡顿现象 view.layer.cornerRadius = 10 view.layer.masksToBou ...
分类：
其他好文 时间：
2017-03-17 00:33:56
阅读次数：
147
