0

我需要一些大脑。

无论屏幕大小如何,如何让这种滚动效果在屏幕底部完成?它适用于桌面(几乎),但在较小的屏幕尺寸上表现不佳。停止真正的短,永远不会到达底部。

是否有针对 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 + '%'
    });

});
4

1 回答 1

0

我忘了在我的 CSS 中添加粘性位置。笨蛋...

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

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

于 2021-08-14T14:58:57.860 回答