scrollTop 未完成到页面底部

Posted 2023-05-07

【中文标题】scrollTop 未完成到页面底部

【英文标题】：scrollTop not completing to bottom of page

【发布时间】：2021-10-01 12:06:30

【问题描述】：

我需要一些大脑。

无论屏幕大小如何，如何让滚动效果在屏幕底部结束？它适用于桌面（几乎），但在较小的屏幕尺寸上表现不佳。真正短暂地停止并且永远不会到达底部。

是否有针对 jQuery 或 JS 的媒体查询？ 我的代码不完整吗？

这是我现在讨厌的小提琴，哈哈：

https://jsfiddle.net/mikeloucas/tdj8u1pe/

如果需要，这里是代码。

$(document).scroll(function()
    var scrollAmount = $(window).scrollTop();
    var documentHeight = $(document).height();
    var scrollPercent = (scrollAmount / documentHeight)  * 100;

    $(".tartanGrow").css(
        height: scrollPercent + '%'
    );

);

【问题讨论】：

要获得更准确的滚动百分比，您应该使用$(document).height()-$(window).height()，因为可见屏幕不需要滚动。

非常酷，现在唯一的问题是它在我滚动之前在桌面上完成，大声笑但仍然感谢；它对移动设备有帮助！附言我更新了 Pen 并留下了两个代码来玩。

【参考方案1】：

我忘记在我的 CSS 中添加置顶位置。白痴……

我还发现这个 jQuery 插件在其他情况下也有帮助，同时仍然一起使用上面的代码。 （我正在使用 Wordpress 中的所有内容）

https://www.jqueryscript.net/layout/Simple-jQuery-Plugin-For-Responsive-Sticky-Elements-Stuck.html