jQueryScrollTop是滞后的

我有一个网站的页面顶部是一个图像滑块（光滑），它是100%宽度和100%高度的框架。我还有一个“向下滚动”按钮，它使用jQuery将页面向下滚动一帧

这部动画相当滞后，我想知道这部动画是否可能被流畅的动画所干扰

我有一个jQuery代码：

if(!$('#isMobile').is(":visible")) {
    $('#slideshow-wrapper').slick({
        infinite: true,
        fade: true,
        autoplay: true,
        pauseOnHover: false,
        arrows: false,
        autoplaySpeed: 5000,
        mobileFirst: true
    });
}

$('#scrollDown a').click(function(e){
    e.preventDefault();
    $('body,html').animate({ scrollTop: $(window).height()});
    return 0;
});

---

我的代码中是否存在明显的延迟问题？

您可以使用以下内容：

$('button').click(function (e) {
    e.preventDefault();
    var transforms = getTransforms('translate3d(0px, -' + $(window).height() + 'px, 0px)')
    $('body,html').css(transforms);
});

//taken from fullPage.js 
//@see https://github.com/alvarotrigo/fullPage.js
function getTransforms(translate3d) {
    return {
        '-webkit-transform': translate3d,
            '-moz-transform': translate3d,
            '-ms-transform': translate3d,
            'transform': translate3d
    };
}

使用以下CSS创建转换：

html,body{
   -webkit-transition: transform 900ms ease;
   transition: transform 900ms ease;
}

请记住，在没有CSS3支持的浏览器中，这是行不通的。回退到jQuery将是正确的解决方案。但如果你只关心现代浏览器，那么这也没关系

---

如果你打算创建一个全屏网站，我建议你直接尝试，它可以节省你很多时间

是的，CSS3转换会更快。请查看

translate3d

。请详细解释，这听起来很有希望！