推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
clino

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

  •  
  •   clino · Nov 6, 2013 · 4555 views
    This topic created in 4755 days ago, the information mentioned may be changed or developed.
    具体我的情况是点击一个缩略图要跳到底下大图的地方,开始想用anchor跳转,但是第二次点击就不跳了,因为地址栏上已经是这个anchor了
    谢谢!
    9 replies  •  1970-01-01 08:00:00 +08:00
    judasnow
    judasnow
    Nov 6, 2013❤️1
    1
    我想到了两个方法
    1 用 scrollTo
    2 还是用 anchor ,但是要在 缩略图元素上绑定一个 click 回调 ,设置一个 定时器 一秒钟(比如)之后 ,修改下 url ,删除锚点信息。
    NemoAlex
    NemoAlex
    Nov 6, 2013❤️1
    3
    取大图在页面上的纵向相对位置,如果页面布局比较固定的话可以用固定值,例如100
    document.body.scrollTop = 100
    tonitech
    tonitech
    Nov 6, 2013❤️1
    4
    点击获取大图到页面顶部的距离,然后让页面滚动都这个位置。
    switch
    switch
    Nov 6, 2013❤️2
    5
    可以获取大图 element,然后调用 element.scrollIntoView(true);
    yushiro
    yushiro
    Nov 6, 2013
    6
    5楼正解。
    clino
    clino
    OP
    Nov 7, 2013
    7
    @switch 最后用5楼的方式搞定,代码:

    $("#imgview")[0].scrollIntoView(true)
    tonitech
    tonitech
    Nov 13, 2013
    8
    @clino 涨姿势了
    miniwade514
    miniwade514
    Nov 14, 2013 via Android❤️1
    9
    @clino 你可以再看一下这个帖子http://stackoverflow.com/questions/9445842/does-scrollintoview-work-in-all-browsers
    既然你已经用jquery了...
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2164 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 12:36 · PVG 20:36 · LAX 04:36 · JFK 07:36
    ♥ Do have faith in what you're doing.