自动滚动到页面底部

我有一份问题清单。当我点击第一个问题时，它会自动把我带到页面底部的特定元素。

我如何用jQuery做到这一点?

当前回答

你可以给link元素的引用属性href附加任何id:

<a href="#myLink" id="myLink">
    Click me
</a>

在上面的例子中，当用户单击页面底部的“点击我”时，导航导航到“点击我”本身。

2017-01-10 00:31:16

其他回答

在Selenium中向下滚动使用以下代码:

直到底部下降，滚动直到页面的高度。使用下面的javascript代码，可以在javascript和React中正常工作。

JavascriptExecutor jse = (JavascriptExecutor) driver; // (driver is your browser webdriver object) 
jse.executeScript("window.scrollBy(0,document.body.scrollHeight || document.documentElement.scrollHeight)", "");

2017-10-24 07:13:42

你可以试试Gentle Anchors，一个不错的javascript插件。

例子:

function SomeFunction() {
  // your code
  // Pass an id attribute to scroll to. The # is required
  Gentle_Anchors.Setup('#destination');
  // maybe some more code
}

兼容性测试对象:

Mac Firefox, Safari, Opera Windows Firefox, Opera, Safari, Internet Explorer 5.55+ Linux未经测试，但至少Firefox应该没问题

2012-07-30 05:08:49

那么多的答案试图计算文件的高度。但对我来说，这并不是正确的计算。然而，这两种方法都有效:

jquery

    $('html,body').animate({scrollTop: 9999});

或者只是js

    window.scrollTo(0,9999);

2018-12-16 17:51:00

window.scrollTo (0,1 e10);

总是工作。

1e10是个很大的数字。所以它总是在页面的末尾。

2019-07-09 10:08:31

一图胜千言万语:

关键是:

document.documentElement.scrollTo({
  left: 0,
  top: document.documentElement.scrollHeight - document.documentElement.clientHeight,
  behavior: 'smooth'
});

它正在使用文档。documentElement，它是<html>元素。这就像使用window，但这只是我个人的偏好，因为如果它不是整个页面，而是一个容器，它就像这样工作，除了你改变文档。正文和文档。documentElement到document.querySelector("#container-id")。

例子:

如果没有scrollTo()，您可以比较两者的差异:

2020-02-03 00:58:45

自动滚动到页面底部

推荐文章

最新文章

标签