摘要: 又过了两个多月,也又碰到了各种大大小小的问题。之前总结传送门:移动端问题初总结 相对于上次来说,这次的问题更多是细节了,有些问题不解决理论上其实也无伤大雅。但你奈何不了一个对自家产品强迫症到极点的BOSS,就算你跟他说某某某某大公司的页面也是这样的,那也还是得解决的。 1)区块内字体不能垂直居中,在 阅读全文
posted @ 2016-08-25 17:09 七月上 阅读(260) 评论(0) 推荐(0) 编辑
摘要: CSS: 第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的。但是这个地方不需要渐变。所以两个颜色都设置成了相同的颜色。 这个颜色“#19ffffff”是由两部分组成的。 第一部是#号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字 阅读全文
posted @ 2016-07-12 13:58 七月上 阅读(1697) 评论(0) 推荐(0) 编辑
摘要: HTML结构,其中固定命名有,如#wrapper、#scrollbar、#pullDown、#pullUp、.pullDownLabel、.pullUpLabel。如果想更改,则需要在iscrollControl.js中修改。代码如下: 内部js文件,自定义实现下拉刷新、上拉加载方法:pullDow 阅读全文
posted @ 2016-06-29 10:15 七月上 阅读(2734) 评论(0) 推荐(0) 编辑
摘要: 效果如下: HTML结构代码: 主要CSS代码: JS代码: 上面主要思路,即灰色的长条由dl::after设置,为dd长度总和。绿色的长条样式由dl::before,其长度通过JS查找.selected然后添加对应的'len'+index。圆点由dd相同思路控制。 阅读全文
posted @ 2016-06-24 17:41 七月上 阅读(862) 评论(1) 推荐(0) 编辑
摘要: 之前的一个项目,需要实现这么一个功能:左滑出现删除按钮。 当时js代码将网上找的进行删减,代码如下: 其中注释掉是删减掉了,第九行设置行高,因为需求每个li元素的高度是自己撑开的,不定。如果需要在PC端也实现效果,将注释去掉就可以了。在正常情况下,只需要调用这个函数即可,但因为该页面需要下拉加载,因 阅读全文
posted @ 2016-06-23 09:31 七月上 阅读(1089) 评论(0) 推荐(0) 编辑
摘要: 直接入正题,以下是两种实现方法的html部分: 第一种的CSS样式如下: 第二种的CSS样式如下: 从以上代码看,不容易看出第二种方法无论是从html还是从CSS看,都更简洁。第二种方法使用一个标签,运用伪类和继承。不仅简单明了,改动起来也更方便。 阅读全文
posted @ 2016-06-18 12:40 七月上 阅读(5965) 评论(0) 推荐(0) 编辑
摘要: IOS下:active无效,是因为该元素没有绑定touch事件。因此在IOS系统的移动设备中,需要在按钮元素或body/html上绑定touchstart/touchend绑定一个空的匿名函数即可 阅读全文
posted @ 2016-06-14 09:44 七月上 阅读(411) 评论(0) 推荐(0) 编辑