javascript - 自动滚动到页面底部(Scroll Automatically to the Bottom of the Page)

Question

Consider I have a list of questions.(考虑一下我有一个问题清单。)

When I click on the first question, it should automatically take me to the bottom of the page.(当我点击第一个问题时，它会自动将我带到页面底部。)

For a matter of fact, I do know that this can be done using jQuery.(事实上，我知道这可以使用jQuery完成。)

So, could you provide me with some documentation or some links where I can find answer to this question?(那么，你能给我一些文件或一些链接，我可以找到这个问题的答案吗？)

EDIT: Need to scroll to a particular HTML element at the bottom of the page(编辑：需要滚动到页面底部的特定HTML 元素)

  ask by jat translate from so

Answer 1

jQuery isn't necessary.(jQuery没有必要。)

Most of the top results I got from a Google search gave me this answer:(我从谷歌搜索获得的大多数顶级成绩给了我这样的答案：)

window.scrollTo(0,document.body.scrollHeight);

Where you have nested elements, the document might not scroll.(如果您有嵌套元素，则文档可能无法滚动。)

In this case, you need to target the element that scrolls and use it's scroll height instead.(在这种情况下，您需要定位滚动的元素并使用它的滚动高度。)

window.scrollTo(0,document.querySelector(".scrollingContainer").scrollHeight);

You can tie that to the onclick event of your question (ie <div onclick="ScrollToBottom()" ... ).(您可以将其与问题的onclick事件联系起来（即<div onclick="ScrollToBottom()" ... ）。)

Some additional sources you can take a look at:(您可以查看一些其他来源：)

• http://www.sourcetricks.com/2010/07/javascript-scroll-to-bottom-of-page.html(http://www.sourcetricks.com/2010/07/javascript-scroll-to-bottom-of-page.html)
• http://www.alecjacobson.com/weblog/?p=753(http://www.alecjacobson.com/weblog/?p=753)
• http://www.mediacollege.com/internet/javascript/page/scroll.html(http://www.mediacollege.com/internet/javascript/page/scroll.html)
• http://www.electrictoolbox.com/jquery-scroll-bottom/(http://www.electrictoolbox.com/jquery-scroll-bottom/)