在Javascript里如何跳转到一个已有界面元素的显示?

2013-11-06 09:46:20 +08:00
 clino
具体我的情况是点击一个缩略图要跳到底下大图的地方,开始想用anchor跳转,但是第二次点击就不跳了,因为地址栏上已经是这个anchor了
谢谢!
3390 次点击
所在节点    JavaScript
9 条回复
judasnow
2013-11-06 09:56:45 +08:00
我想到了两个方法
1 用 scrollTo
2 还是用 anchor ,但是要在 缩略图元素上绑定一个 click 回调 ,设置一个 定时器 一秒钟(比如)之后 ,修改下 url ,删除锚点信息。
Kaiyuan
2013-11-06 09:56:49 +08:00
NemoAlex
2013-11-06 10:00:17 +08:00
取大图在页面上的纵向相对位置,如果页面布局比较固定的话可以用固定值,例如100
document.body.scrollTop = 100
tonitech
2013-11-06 10:15:43 +08:00
点击获取大图到页面顶部的距离,然后让页面滚动都这个位置。
switch
2013-11-06 10:22:50 +08:00
可以获取大图 element,然后调用 element.scrollIntoView(true);
yushiro
2013-11-06 10:44:06 +08:00
5楼正解。
clino
2013-11-07 12:51:55 +08:00
@switch 最后用5楼的方式搞定,代码:

$("#imgview")[0].scrollIntoView(true)
tonitech
2013-11-13 09:47:47 +08:00
@clino 涨姿势了
miniwade514
2013-11-14 16:25:35 +08:00
@clino 你可以再看一下这个帖子http://stackoverflow.com/questions/9445842/does-scrollintoview-work-in-all-browsers
既然你已经用jquery了...

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/88212

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX