如何在移动设备中滚动到页面底部

Question

收到或发送新消息时，我正在尝试向下滚动到页面底部，我已经设置了所有内容，并且可以在我的笔记本电脑上正常工作，但是当我尝试在移动设备上访问我的网站时，滚动事件不起作用。

好吧，我已经使用了jQuery滚动和纯javascript滚动，但它们都不适用于移动设备

以下是我在互联网上找到的所有功能：

//first method
window.scrollTo(0,document.body.scrollHeight);
//second method
$("html,body").animate({
    scrollTop: $(document).height()
}, "slow");
//third method
$('my-messages-container').animate({ scrollTop : $(document).height()+1000000 });

好吧，当我使用开发人员工具移动模拟时，代码运行良好。 但是当我在真正的移动设备上尝试时，它不起作用。

Answer 1

elementAtBottomOfPage.scrollIntoView()

是最终在iOS上为我工作的原因。

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

Answer 2

如前所述： jQuery 滚动到页面底部

$("html, body").animate({scrollTop: $(document).height()-$(window).height()}); 

会让你到页面底部。