首页 > 解决方案 > javascript 行为的动画易用性和时间安排:流畅;

问题描述

我是一个初学者的javascript。我正在做这个代码:

document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();

        document.querySelector(this.getAttribute('href')).scrollIntoView({
            behavior: 'smooth',
        });
    });
});

用于在主页上平滑滚动链接。它工作得很好,但我想用缓入出或三次贝塞尔或其他东西为缓动功能设置动画。我还想修改计时功能,例如滚动需要 1000 毫秒或 5000 毫秒。easing: ease-in-out;正如我之前在 Stack Overflow 上看到的那样,我已经尝试过这样做。但它没有用。

帮助将不胜感激。

标签: javascripthtml

解决方案


推荐阅读