滚动条在动画播放后滚动

问题描述

我正在创建一个网站，并且正在尝试为主页制作受控动画。因此，我使用航路点和scrolltop来做到这一点（我知道我可以做滚动捕捉，但是它弄乱了我已经拥有的动画，而且也不是我想要的设计）。因此，我在每个部分都创建了一个航点，如下所示。不幸的是，如果我太快/太慢地滚动，则该窗口将滚动到该部分的顶部，然后再经过一点。有时甚至会触发其他航路点。所以我想知道如何使滚动完全停在scrollTop之后的位置。我的代码在下面。

var waypoint = new Waypoint({
        element: document.getElementsByClassName('js--section-workTop'),handler: function (direction) {
            if (direction === 'down') {
                console.log("work-top = down");
                $('html,body').animate({
                    scrollTop: $('.js--section-workTop').offset().top
                },'slow');
            }
            
        },offset: '90%',});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）