使用jQuery实现页面滚动到底部失败，求助可行解决方案

核心问题分析 #

1. 选择器错误：$('document')是无效选择器，正确的文档对象选择器是$(document)；更稳妥的是同时选择html, body，以此兼容不同浏览器的滚动元素差异。
2. 滚动高度计算错误：$('body').height()仅返回body元素自身高度，未考虑视窗高度，正确的滚动距离应为文档总高度 - 视窗高度。
3. 单位冗余：scrollTop接受数值类型，添加px单位会导致参数无效。

正确实现代码 #

直接滚动（无动画）

$(window).on('load', function(){
    // 计算滚动到底部的实际距离
    const scrollToBottom = $(document).height() - $(window).height();
    // 兼容多浏览器的滚动目标
    $('html, body').scrollTop(scrollToBottom);
});

平滑滚动（带动画）

如果需要平滑滚动效果，可以使用animate方法：

$(window).on('load', function(){
    const scrollToBottom = $(document).height() - $(window).height();
    $('html, body').animate({
        scrollTop: scrollToBottom
    }, 300); // 300为动画时长（毫秒），可按需调整
});

额外说明 #

• 确保jQuery已正确引入，代码在jQuery环境下执行。
• 如果页面存在动态加载内容，需在内容加载完成后再执行滚动逻辑，避免计算高度不准确。

内容的提问来源于stack exchange，提问作者provance