0

我正在尝试使用 css 样式效果创建 jquery 平滑滚动过渡。我想通过jquery将“滚动行为：平滑”添加到主html标签中，然后立即删除滚动效果平滑，这样html标签就不会保持滚动效果并影响网站的其他部分。我通过编写以下代码进行了尝试：

    $("html").css("scroll-behavior", "smooth");
    var scrollEffect = $("h2#clickScroll");
    scrollEffect.scrollIntoView();
    $("html").delay( 1800 ).css('scroll-behavior', "");

这不起作用；它只是导致它根本没有滚动效果，所以我尝试了这种方法：

    $("html").css("scroll-behavior", "smooth");
    var scrollEffect = $("h2#clickScroll");
    scrollEffect.scrollIntoView();
    $("html").delay( 1800 ).queue(css('scroll-behavior', ""));

第二种方式添加效果，但是html标签保持“滚动效果：平滑”，不移除。关于如何解决这个问题的任何建议？

4

0 回答 0