【问题标题】:Return to top after click on image [closed]点击图片后返回顶部[关闭]
【发布时间】:2013-07-23 23:08:08
【问题描述】:

我有一个简单的问题要问你。 点击图片后可以返回顶部,这是对jquery内容的引用吗? 例如:当我在http://dash.com.pl/ 上的“投资组合”中选择一张图片时,我需要返回到顶部(#portfolio)。感谢您的帮助。

【问题讨论】:

  • 是的,这是可能的。祝你好运。
  • 非常感谢:D 请问您该怎么做?
  • 是的,你可以这样问。
  • 通过使用jQuery.scrollTop(x),其中x 是页面应滚动到的值。您必须通过检查 #Portfolio 的位置来找到 x
  • 这里有些人认为他们很特别。如果他做错了什么,请解释它是什么,而不是拿出你的电子笔并开始自欺欺人。

标签: javascript jquery html return anchor


【解决方案1】:

你可以只使用链接属性

<div id="portfolio">...</div>  
<a href="#portfolio">
  <img src="screen.png">
</a>

使用 jquery 可以获取元素的位置并滚动到顶部

scroll(0, $('#portfolio').position().top)

更新: 更正需要 x 值的 jquery 滚动示例。

【讨论】:

  • 我会试试你的方法。
  • 我的图片被其他索引文件引用了。在这个文件中,我放了你的 jquery 代码,点击图片后,位置滚动到顶部,而不是#portfolio。
  • 这也可以,谢谢。
  • 您的代码运行良好,但我还有一个问题。可以从顶部添加额外的空间吗?单击时,导航封面标题,我需要向上滚动一点。
  • 这将返回元素在窗口中的位置 $('#portfolio').position().top 只需添加或减去它以进一步向上或向下移动
【解决方案2】:

完成。谢谢大家的帮助。 这段代码帮助了我:

$(document).ready(function(){
  $(this).scrollTop(3200);
});

【讨论】:

    【解决方案3】:

    你真的不需要 javascript,如果你提供一个哈希作为 href,锚点会滚动到一个 ID?

    <a href="#portfolio"><img src="image/to/click.png" /></a>
    

    只做&lt;a href="#"&gt;&lt;/a&gt;会滚动到顶部,对于其他页面也是一样
    &lt;a href="http://mysite.com/some/other/page/#divToScrollTo"&gt;&lt;/a&gt;

    【讨论】:

    • 不幸的是,它没有帮助:/
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多