【问题标题】:Why JS doesn't want to scroll? [duplicate]为什么JS不想滚动? [复制]
【发布时间】:2016-08-20 22:13:19
【问题描述】:

这是我的代码:

function trailer() {
    window.scroll(0,1750);
}

和html

<li> <a href="#" onclick="trailer()">Trailer GTA 4</a></li>

..当我点击链接时,它滚动到 (0,0) 而不是滚动到 (0,1750) 为什么???

【问题讨论】:

  • 为什么不把它链接到有问题的div&lt;a href="#my-trailer"&gt;Jump to Trailer&lt;/a&gt;.
  • 因为在处理程序完成工作后您并没有停止事件:fiddle

标签: javascript


【解决方案1】:

您有两种可能的解决方案,您可以将元素的ID链接到a标签中,这样,

HTML 示例

<a href="#myDiv">Jump to DIV</a>

<div id="myDiv">DIV!</div>

示例

JSFiddle

您需要使用return falseevent.preventDefault(); 来防止链接的默认行为。

JavaScript 替代方案是使用scrollTo,尽管@mplungjan 具有pointed outscrollscrollTo 之间没有区别。

【讨论】:

  • Scroll 和 scrollTo 的作用相同 stackoverflow.com/questions/1925671/…
  • @mplungjan 谢谢你不知道,将包括在帖子中。
  • 不起作用的原因是他需要返回false或者preventDefault
  • @mplungjan 已更新,谢谢。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-12-30
  • 2017-06-14
  • 2021-06-04
  • 1970-01-01
  • 2020-08-05
  • 1970-01-01
  • 2012-05-22
相关资源
最近更新 更多