JS实现移动端整屏滑动的实例代码

  • 时间:2018-02-25 21:26 编辑:源码家 来源:源码家商城 阅读:757
  • 扫一扫,手机访问
摘要:本文通过实例代码给大家分享了基于js 实现移动端整屏滑动效果,基本思路是检测手指滑动方向,获取手指抬起时的位置,减去手指按下时的位置,得正即为向下滑动了,具体实现代码大家参考下本文

基本思路:

1)检测手指滑动方向:获取手指抬起时的位置,减去手指按下时的位置,得正即为向下滑动了

2)手指抬起后,向对应反向操作改变当前页的位置

具体代码如下:

html

<div id="wrap">
  <div id="page01" class="pages">第一屏</div>
  <div id="page02" class="pages">第二屏</div>
  <div id="page03" class="pages">第三屏</div>
  <div id="page04" class="pages">第四屏</div>
</div>
<div id="dots">
  <span class="now"></span><span class=""></span><span class=""></span><span class=""></span>
</div>
  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【源码编程|mssql2005】win2003 Server配置SQL Server 2005远程连接的方法(2018-06-15 21:15)
【源码编程|mssql2005】SQLServer2005 没有服务器名称的两种解决方法(2018-06-15 21:15)
【源码编程|mssql2005】在WIN7下安装和配置SQL Server 2005 Express Edition(精简版)(2018-06-15 21:15)
【源码编程|mssql2005】Access 导入到SQL Server 2005的方法小结(2018-06-15 21:15)
【源码编程|mssql2005】SQL2005Express中导入ACCESS数据库的两种方法(2018-06-15 21:15)
【源码编程|mssql2005】SQL Server 使用 SET FMTONLY ON 获得表的元数据(2018-06-15 21:15)
【源码编程|mssql2005】把CSV文件导入到SQL Server表中的方法(2018-06-15 21:15)
【源码编程|mssql2005】SQL Server中TRUNCATE事务回滚操作方法(2018-06-15 21:15)
【源码编程|mssql2005】SQL Server 2005恢复数据库详细图文教程(2018-06-15 21:15)
【源码编程|mssql2005】SQL Server 移动系统数据库(2018-06-15 21:14)
底部广告
网站首页 | 关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明
CopyRight 2014-2024 【源码家】 | 豫ICP备17010181号
展开