最近在做新闻咨询页的项目,各个新闻频道通过横向滑动切换,顶部的导航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