一.概述 今天主要来分享个自己定义viewpagerindicator。效果主要是仿 猫眼电影 顶部的栏目切换。也就是我们常说的indicator,难度简单,为了让滑动时效果更炫酷,我在滑动到左边第一个item或者最右边的item时,加入了滑动到边缘位置后,回弹然后复位的效果(事实上也是非常easy ...
分类:
其他好文 时间:
2017-07-09 12:17:51
阅读次数:
251
概述 -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. 值 auto 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。 touch 使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和 ...
分类:
Web程序 时间:
2017-06-28 13:19:14
阅读次数:
315
网上方法有很多,但是太复杂,我在此只收录两种 代码区: css随意,JS代码:每过三秒换一条,移动速度为500,循环滚动 效果 还有一种旧的方法,已经被启用,是连续循环,无停顿的一种,也比较简洁 <MARQUEE id=a onmouseover=a.stop() style="FONT-SIZE: ...
分类:
其他好文 时间:
2017-06-19 19:37:56
阅读次数:
156
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee>...</marquee>; 说明:在标 ...
分类:
Web程序 时间:
2017-06-18 12:03:05
阅读次数:
297
效果如下: <!doctype html>Table 源码如下: ...
分类:
Web程序 时间:
2017-06-16 22:06:53
阅读次数:
195
浮动 float:left,right,none,注意:浮动元素会把当前的块级元素变成内联元素 清除浮动 clear:both(清除左右浮动);left(清除左边浮动);right(清除右边浮动); overflow:none(清除浮动);hidden(隐藏);scroll(滚动);auto(自动( ...
分类:
Web程序 时间:
2017-06-09 14:06:25
阅读次数:
194
-webkit-overflow-scrolling 用来控制元素在移动设备上是否使用滚动回弹效果.兼容安卓和IOS的写法如下: 取值: auto使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。touch使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动 ...
分类:
Web程序 时间:
2017-06-09 13:26:53
阅读次数:
295
做全屏滚动网页,实现滚动效果后,首先想到的就是网页右边的导航栏,要实现这个导航栏,fullpage.js插件本身就自带配置项,只要会使用就可以实现效果了。 先介绍几个api: anchors:定义锚链接,默认值为[],有了锚链接,就可以快速的打开定位到某一页面,也是我们实现导航栏的关键; lockA ...
分类:
Web程序 时间:
2017-06-08 22:26:57
阅读次数:
256
上午接着学习标签: 一. 1.首先学习滚动标签 滚动效果:<marquee>滚动内容</marquee>,在<marquee></marquee>之间我们可以加文字内容,也可以加图片(加图片为<img src="" />) direction:滚动方向:上右下左 <marquee direction ...
分类:
其他好文 时间:
2017-06-08 20:37:18
阅读次数:
243
移动端开发难免拿到输入框居中或者位于底部的情况,ios 端,软键盘能够按正常预期向上滑动(这里有个问题,当 input 聚焦时,弹出软键盘,input 上滑,此时屏幕是具有滚动效果的,还没找到合适的解决方案),Android 端,并不会滑动,通常做法是设置 window.scrollTo(0, vi ...
分类:
移动开发 时间:
2017-06-07 19:43:27
阅读次数:
224