【问题标题】:How to scroll to a y coordinate using jquery如何使用jquery滚动到坐标
【发布时间】:2013-06-18 20:18:08
【问题描述】:

如果您知道偏移量,如何在不使用其他插件的情况下使用 jquery 滚动到 y 坐标?另外,如何给它添加动画?

【问题讨论】:

  • 你应该看看 jQuerys .scrollTop()

标签: jquery html coordinates offset


【解决方案1】:

jQuery:

$(element).scrollTop(offset);

(an example)

这与直接更改element.scrollTop 属性相同。您还可以为该过程设置动画:

$(element).animate({
  scrollTop: offset
}, offset / 3);

【讨论】:

  • 你应该把它放在document.ready(); 中,否则什么都不会发生!
  • @supersize jsFiddle 会为你做到这一点。
  • 不在 Firefox 21 上,有趣!我想知道为什么,在 chrome 上一切正常!
  • 已确认。它也不适用于我的 Firefox。我猜这是与 jsFiddle 相关的问题。
  • 哦,显然 Firefox 无法识别 body 上的 scrollTop,而是 html
【解决方案2】:

正如 @One Trick Pony 所述,您可以通过以下方式做到这一点:

$(element).scrollTop(offset);

在此处查看其文档:http://api.jquery.com/scrollTop/

【讨论】:

  • 为什么要故意再次发布相同的答案?
  • @woz 我添加了文档!
【解决方案3】:

就像 window.scrollTo(0,yourYvalue); 一样简单 W3Schools Windows scrollTo

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-01-25
    • 1970-01-01
    • 2012-02-05
    • 1970-01-01
    • 1970-01-01
    • 2019-03-20
    • 2023-04-07
    • 1970-01-01
    相关资源
    最近更新 更多