起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4257|回复: 11

[结贴] 嵌套scrollview,屏蔽其中一个的滑动

[复制链接]

59

主题

274

帖子

1178

积分

金牌会员

Rank: 6Rank: 6

积分
1178
QQ
发表于 2017-9-18 13:36:12 | 显示全部楼层 |阅读模式
本帖最后由 wangjikuen 于 2017-9-18 13:43 编辑

内外两层上下滑动的scroll,他们为父子关系,想知道,如何让子scroll接管父scroll的滑动,就是说,让父sroll并没有滚动功能,然后滑动子的时候,父跟随滑动,当向上滑动到某一个位置之后,父scroll的一个bar会停留在这个位置,而向下滑动到bar上部的时候,bar上部的东西该出现出现,效果类似于http://www.jianshu.com/p/a40664b3f82d在咱们的scroll中,解决方法我已经明白了,只是不知道如何让父去接管子的的滑动。在父sroll区域内滑动,那就是移动整个视图,在子sroll区域内滑动,就是移动了子的,我感觉我需要的应该是外层scroll的冒泡,在满足条件的情况下,阻止内层scroll滑动.或者是先把内层scroll的可垂直滚动属性设置为false,但现在没有这个api了。如果不使用scroll,在某些手机上的兼容性会变得极差,所以需要使用scroll,我知道新版本中的vScroll="false"已经不能用了,我想知道的是有没有替代的方法,使用this.comp("scrollView2").scroller,拿到了原生对象,然后设置它的vScroll="false",也是没有用的。

59

主题

274

帖子

1178

积分

金牌会员

Rank: 6Rank: 6

积分
1178
QQ
 楼主| 发表于 2017-9-18 15:17:48 | 显示全部楼层
并不能使用两个scrollview,因为在该控件内,fixed定位是无效的,因此只能是外部是普通控件,内部是滑动视图
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36185
发表于 2017-9-18 16:59:15 | 显示全部楼层
那你外层可以直接用div就可以,不用scrollView
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

59

主题

274

帖子

1178

积分

金牌会员

Rank: 6Rank: 6

积分
1178
QQ
 楼主| 发表于 2017-9-18 17:17:06 | 显示全部楼层
jishuang 发表于 2017-9-18 16:59
那你外层可以直接用div就可以,不用scrollView

那么内层的scrollview滑动的最上部的时候,他的Y值已经是0了,这时候再向下动,需要的效果应该是带动div下滑动,这个怎么实现?他的Y值不会比0大,所以获取不到一个让父DIV滚动距离的值啊
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36185
发表于 2017-9-18 17:32:58 | 显示全部楼层
div的宽和高不设置,默认会自己根据内层的大小撑大的
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

59

主题

274

帖子

1178

积分

金牌会员

Rank: 6Rank: 6

积分
1178
QQ
 楼主| 发表于 2017-9-18 17:46:31 | 显示全部楼层
jishuang 发表于 2017-9-18 17:32
div的宽和高不设置,默认会自己根据内层的大小撑大的

这跟DIV的宽和高没什么关系啊,是在于子scroll的滚动到尽头之后,应该带动父DIV的scrolltop值进行更改
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36185
发表于 2017-9-19 10:48:10 | 显示全部楼层
具体需求要做什么?为什么用scrollView中嵌套scrollView,又要禁用外层的scrollView不能滑动
scrollView就是代替出滚动条的
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

59

主题

274

帖子

1178

积分

金牌会员

Rank: 6Rank: 6

积分
1178
QQ
 楼主| 发表于 2017-9-19 12:06:28 | 显示全部楼层
jishuang 发表于 2017-9-19 10:48
具体需求要做什么?为什么用scrollView中嵌套scrollView,又要禁用外层的scrollView不能滑动
scrollView就 ...

您受累,看下我发的那个网址,需要的效果,基本上就是那样的布局和方式
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36185
发表于 2017-9-19 15:16:04 | 显示全部楼层
这个是上下两个scrollView吧
平台的scrollView是用iscroll实现的,可以到网上查找iscroll怎么控制的
this.comp("scrollView的xid").scroll获取的就是iscroll
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

59

主题

274

帖子

1178

积分

金牌会员

Rank: 6Rank: 6

积分
1178
QQ
 楼主| 发表于 2017-9-19 17:28:44 | 显示全部楼层
jishuang 发表于 2017-9-19 15:16
这个是上下两个scrollView吧
平台的scrollView是用iscroll实现的,可以到网上查找iscroll怎么控制的
this.c ...

这个方法我已经使用过了,我通过
  1. var scroll1 =me.comp("scrollView1").scroller;
  2. $(scroll1).attr("vScroll",false);
复制代码
已经设置了禁止垂直滑动的属 bb.png 在调试中发现属性已经设置,但是效果并没有,我看了过平台封装的后scrollview.js,在这里已经没有了vScroll属性,但是在config文件里,还是有这个属性的,


回复 支持 反对

使用道具 举报

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

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-5 11:22 , Processed in 0.052297 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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