楼主: mango
打印 上一主题 下一主题

如何处理一张页面中超出屏幕的部分

[复制链接]

该用户从未签到

0

主题

1

帖子

13

积分

新手上路

Rank: 1

积分
13
楼主
发表于 2016-12-28 10:20:03 | 显示全部楼层
本帖最后由 Nstd 于 2016-12-28 10:26 编辑

思路:
1.设置内容页的overflow
  1. 纵向:overflow-y: scroll;
  2. 横向:overflow-x: scroll;
复制代码

* 注:滚动条的问题请自行google

2. 使用onTouchStar、onTouchMove、onTouchEnd判断内容页是否可滑动(如果不做这个处理,滑动会不太顺畅)
如果可以滑动,锁定swiper:
  1. swiper.lockSwipes();
复制代码
然后根据滑动距离(纵向:swiper.touches.currentY - swiper.touches.startY)/(横向:swiper.touches.currentX - swiper.touches.startX)改变内容页的scrollTop/scrollLeft进行滑动
内页滑动结束以后,解锁swiper:
  1. swiper.unlockSwipes();
复制代码
使其可以翻页


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-6-3 06:22 , Processed in 0.057405 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表