12
返回列表 发新帖
楼主: mango
打印 上一主题 下一主题

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

[复制链接]

该用户从未签到

0

主题

1

帖子

11

积分

新手上路

Rank: 1

积分
11
11#
发表于 2016-1-5 15:17:06 | 只看该作者
跪求解决方案
回复

使用道具 举报

该用户从未签到

2

主题

8

帖子

46

积分

新手上路

Rank: 1

积分
46
12#
发表于 2016-3-3 10:11:07 | 只看该作者
不是设置超出部分 隐藏就好了吗?
回复

使用道具 举报

该用户从未签到

0

主题

7

帖子

22

积分

新手上路

Rank: 1

积分
22
13#
发表于 2016-3-11 16:05:43 | 只看该作者
mango 发表于 2015-10-23 11:09
已解决,设置DIV就好了

请问怎么解决的,设置什么参数?
回复

使用道具 举报

该用户从未签到

0

主题

7

帖子

22

积分

新手上路

Rank: 1

积分
22
14#
发表于 2016-3-11 16:06:29 | 只看该作者
cai 发表于 2015-11-19 20:10
已解决,  笑话“聪明绝顶”的案例就是

哪儿有绝顶聪明的案例?
回复

使用道具 举报

该用户从未签到

1

主题

3

帖子

58

积分

注册会员

Rank: 2

积分
58
15#
发表于 2016-4-25 17:10:59 | 只看该作者
回复

使用道具 举报

该用户从未签到

0

主题

1

帖子

13

积分

新手上路

Rank: 1

积分
13
16#
发表于 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-11-24 02:33 , Processed in 0.058189 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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