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

如上所述：jQuery Scroll To bottom of the page

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

将您带到页面底部。

Answer 2

elementAtBottomOfPage.scrollIntoView()

最终在 iOS 上对我有用。

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

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

2 个答案: