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

QQ登录

只需一步,快速开始

查看: 5058|回复: 15

[结贴] 返回到顶部的锚标记没有用,为什么?

  [复制链接]

8

主题

31

帖子

85

积分

初级会员

Rank: 2

积分
85
QQ
发表于 2016-1-14 16:03:37 | 显示全部楼层 |阅读模式
本帖最后由 fcxmlybf 于 2016-1-14 16:10 编辑

用这个代码返回顶部没有用?在scrollview组件下运用这个锚标记
<div id="top" name="top"></div>
<a href="#top"></a>
这个A标签在scrollView组件外面,div在scrollView里面,并且是最上面。
这样运用是不是会失效?


0

主题

235

帖子

300

积分

中级会员

Rank: 3Rank: 3

积分
300
QQ
发表于 2016-1-14 16:35:16 | 显示全部楼层
a标签得放到scrollView里边
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
36067
发表于 2016-1-14 18:28:35 | 显示全部楼层
如果是需要scrollView回到顶部可以用下面的方法
this.comp('scrollView的xid').scroller.scrollTo(0,0);
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



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

使用道具 举报

8

主题

31

帖子

85

积分

初级会员

Rank: 2

积分
85
QQ
 楼主| 发表于 2016-1-18 15:35:45 | 显示全部楼层
本帖最后由 fcxmlybf 于 2016-1-18 15:44 编辑
jishuang 发表于 2016-1-14 18:28
如果是需要scrollView回到顶部可以用下面的方法
this.comp('scrollView的xid').scroller.scrollTo(0,0); ...

那如果不是scrollView用#top返回不到想到达的地方。但是页面有个scrollView。scrollView上面是个contents焦点图,我要返回到最上面焦点图的位置。

代码如下:(不成功
<div id="top" name="top"></div>
< a href="#top"></a>

如果用了this.comp('scrollView的xid').scroller.scrollTo(0,0);这个方法是可以返回到scrollView的第一条,但是焦点图也会被吃掉一部分。

QQ图片20160118153804.png
回复 支持 反对

使用道具 举报

发表于 2016-1-18 16:06:43 | 显示全部楼层
<a href="#top"></a>这种方式跳转页面是整个页面是滚动条的时候起作用的!
你的上边是绝对布局了,其实顶部一直不隐藏,只不过是scrollView隐藏了,这种跳转就不起作用了,
还是使用:this.comp('scrollView的xid').scroller.scrollTo(0,0); 实现吧!
你说的焦点图被吃掉一部分是什么意思??
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

8

主题

31

帖子

85

积分

初级会员

Rank: 2

积分
85
QQ
 楼主| 发表于 2016-1-19 11:49:50 | 显示全部楼层
liangyongfei 发表于 2016-1-18 16:06
这种方式跳转页面是整个页面是滚动条的时候起作用的!
你的上边是绝对布局了,其实顶部一直不隐藏,只不过 ...

就是焦点图如果高度是100px的,用了this.comp('scrollView的xid').scroller.scrollTo(0,0);这个来实现回到顶部,,焦点图就会变成80px。
回复 支持 反对

使用道具 举报

发表于 2016-1-19 15:20:38 | 显示全部楼层
fcxmlybf 发表于 2016-1-19 11:49
就是焦点图如果高度是100px的,用了this.comp('scrollView的xid').scroller.scrollTo(0,0);这个来实现回 ...

那还能变回来吗??是滑动上去了呢还是 高度变小了!
如果是滑动上去了,这个可以使用<a href="#top"></a>的方式回到最顶部,解决
如果是高度变小了,也可以使用js再把高度变回来!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

8

主题

31

帖子

85

积分

初级会员

Rank: 2

积分
85
QQ
 楼主| 发表于 2016-1-20 16:24:58 | 显示全部楼层
liangyongfei 发表于 2016-1-19 15:20
那还能变回来吗??是滑动上去了呢还是 高度变小了!
如果是滑动上去了,这个可以使用的方式回到最顶部, ...

<a href="#top"></a> 不是说了这句话不起作用吗?
回复 支持 反对

使用道具 举报

发表于 2016-1-20 17:28:37 | 显示全部楼层
本帖最后由 liangyongfei 于 2016-1-20 17:30 编辑
fcxmlybf 发表于 2016-1-20 16:24
不是说了这句话不起作用吗?

我的意思,top不是指的在scrollView中的id,而是最顶层
当然也可以在js中这样写,回到顶层:scroll(0,0)  或者上网搜下,js能做到的!(如果是顶层发生了滚动的话!)
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

89

主题

627

帖子

4216

积分

论坛元老

Rank: 8Rank: 8

积分
4216
QQ
发表于 2016-5-13 11:36:57 | 显示全部楼层
liangyongfei 发表于 2016-1-20 17:28
我的意思,top不是指的在scrollView中的id,而是最顶层
当然也可以在js中这样写,回到顶层:scroll(0,0)   ...

回到最底层怎么实现的?
时也运也命也,非吾之所能也。
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-23 13:12 , Processed in 0.058127 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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