web移动端滑动
来源:互联网 发布:淘宝店铺在线布局 编辑:程序博客网 时间:2024/05/21 19:23
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">在移动端开发时遇到div设置了overflow:auto,被遮住的那部分想要滑动显示出来却没有滑动效果不能滚动,ios上只能移动没有滚动效果。</span>
而解决这问题用iscroll可以很好的解决,效果不错,iscroll可以实现的功能还是很不错的,
可以实现移动端的幻灯片滑动,下拉刷新等,详细可以查看iscroll的api。
1.
引入iscroll.js。
2.
加入脚本
var myscroll;function loaded(){myscroll=new iScroll("wrapper");}window.addEventListener("DOMContentLoaded",loaded,false);
3
html
<div class="box"> <div id="wrapper"> <ul> <li>内容。。</li> </ul> </div></div>id wrapper 的下一元素就是滚动的那个元素。
例如box的heigth:500px,overflow:auto;
wrapper的heigth:500px,那么ul heigth:1000px,那么滑动内容的时候内容就会滚动起来,并且有惯性的感觉。
0 0
- web移动端滑动
- SlipJs移动Web滑动特效
- js 监听移动端web触屏事件 滑动响应
- 移动端滑动删除
- 移动端上下左右滑动
- 移动端滑动加载
- 移动web滑动效果Swipe JS插件
- 移动端多图片滑动
- 移动端阻止屏幕滑动
- 移动端滑动加载更多
- 移动端屏幕禁止滑动
- 原生移动端滑动js
- 关于移动端滑动事件
- 移动端导航滑动案例
- 移动端禁止页面滑动
- 移动端的滑动效果
- 移动web前端开发,页面局部滑动之iscroll框架
- 移动web js触屏事件 按下 松开 滑动
- 编写高效的Android代码
- Eclipse下编写C++程序——CDT环境搭建
- Linux AIO基础
- dt.jar和tools.jar calsspath
- 1501102328-蓝桥杯-算法训练 2的次幂表示
- web移动端滑动
- HoG 特征可视化
- OC反射机制一
- 软件设计模式---创建型模式(一)
- 【最小割】【bzoj 3511】: 土地划分
- 【BZOJ】【P2743】【HEOI2012】【采花】【离线+树状数组】
- 黄聪:Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)
- Please ensure that adb is correctly located 问题的解决
- Java线程专栏文章汇总