我有一份问题清单。当我点击第一个问题时，它会自动把我带到页面底部的特定元素。
我如何用jQuery做到这一点?
当前回答
香草JS实现:
element.scrollIntoView(false);
https://developer.mozilla.org/en-US/docs/Web/API/element.scrollIntoView
其他回答
你可以给link元素的引用属性href附加任何id:
<a href="#myLink" id="myLink">
Click me
</a>
在上面的例子中，当用户单击页面底部的“点击我”时，导航导航到“点击我”本身。
如果在您想要滚动到的位置或附近的任何类型的标记中有一个ID，那么只需使用scrollIntoView函数编写一行JavaScript即可。例如，假设您所讨论的元素是ID为“mydiv1”的DIV
<div id="mydiv1">[your contents]</div>
然后运行JavaScript命令
document.getElementById("mydiv1").scrollIntoView();
根本不需要JQuery。 希望这能有所帮助。
来晚了，但这里有一些简单的javascript代码，可以将任何元素滚动到底部:
function scrollToBottom(e) {
e.scrollTop = e.scrollHeight - e.getBoundingClientRect().height;
}
如果您想向下滚动到特定元素，这是一种简单的方法。
当您想向下滚动时，请调用此函数。
function scrollDown() { document.getElementById('scroll').scrollTop = document.getElementById('scroll').scrollHeight } ul{ height: 100px; width: 200px; overflow-y: scroll; border: 1px solid #000; } <ul id='scroll'> <li>Top Here</li> <li>Something Here</li> <li>Something Here</li> <li>Something Here</li> <li>Something Here</li> <li>Something Here</li> <li>Something Here</li> <li>Something Here</li> <li>Something Here</li> <li>Something Here</li> <li>Bottom Here</li> <li style="color: red">Bottom Here</li> </ul> <br /> <button onclick='scrollDown()'>Scroll Down</button>
我也遇到过同样的问题。对于我来说，在一个时间点上，div的元素没有完全加载，scrollTop属性是用scrollHeight的当前值初始化的，这不是scrollHeight的正确结束值。
我的项目在Angular 8中，我所做的是:
我使用viewchild来获取.ts文件中的元素。 我已经继承了AfterViewChecked事件，并在那里放置了一行代码，其中声明viewchild元素必须将scrollTop值的值scrollHeight (this.viewChildElement.nativeElement。scrollTop = this.viewChildElement.nativeElement.scrollHeight;)
AfterViewChecked事件触发了几次，它最终从scrollHeight中获得了正确的值。
