Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery ui使用scrolltop?_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 如何使用jquery ui使用scrolltop?

Javascript 如何使用jquery ui使用scrolltop?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我正试图用一个简单的动画来制作这个返回顶部的图标。相反,它只是跳到页面的顶部。我错过了什么 $(window).scroll(function(){ if($(window).scrollTop() > 200){ $("#back-to-top").fadeIn(200); } else{ $("#back-to-top").fadeOut(200); } }); $('#back-to-top, .back-to-top').c

我正试图用一个简单的动画来制作这个返回顶部的图标。相反,它只是跳到页面的顶部。我错过了什么

$(window).scroll(function(){
    if($(window).scrollTop() > 200){
        $("#back-to-top").fadeIn(200);
    } else{
        $("#back-to-top").fadeOut(200);
    }
});

$('#back-to-top, .back-to-top').click(function() {
    $("html, body").animate({
        scrollTop:0
    }, {
        duration: 1200,
        easing: "easeInOutExpo"
    });
});

jQuery中唯一支持的缓和类型是默认类型,即
swing
,然后是
linear
。如果您想使用类似于
easeInOutExpo
的内容,则需要包括

此代码将使用
linear
easing。您可以将其切换到
swing
查看差异


easeInOutExpo
不是jQuery的一部分。它是-运行代码时是否包含并加载jQuery UI的一部分?

jQuery中唯一支持的缓和类型是默认类型,即
swing
,然后是
linear
。如果您想使用类似于
easeInOutExpo
的内容,则需要包括

此代码将使用
linear
easing。您可以将其切换到
swing
查看差异

easeInOutExpo
不是jQuery的一部分。它是—运行代码时是否包含并加载了jQuery UI?

好吧,这让人困惑

您的原始代码可以正常工作

它只需要包含jqueryui库,以便于您使用,而不是常规jQuery库的一部分

$('button').click(function() {
$("html, body").animate({ scrollTop:0 }, 
        {
            duration: 1200,
            easing: "easeInOutExpo"
        });
});

好吧,这让人困惑

您的原始代码可以正常工作

它只需要包含jqueryui库,以便于您使用,而不是常规jQuery库的一部分

$('button').click(function() {
$("html, body").animate({ scrollTop:0 }, 
        {
            duration: 1200,
            easing: "easeInOutExpo"
        });
});

用HTML粘贴你的代码用HTML粘贴你的代码我想要一个平滑的滚动到页面顶部,而不是一个锚jump@Italy; 它不遵循easeInOutExpo路径()@Matthew yes jquery ui是loaded@alias51请将您的全部代码上传到JSFIDLE,以便e可以查看您是否可以验证放松类型
“线性”
是否有效?如果是这样的话,那么问题一定出在jqueryui上。我希望平滑地滚动到页面顶部,而不是锚定jump@Italy; 它不遵循easeInOutExpo路径()@Matthew yes jquery ui是loaded@alias51请将您的全部代码上传到JSFIDLE,以便e可以查看您是否可以验证放松类型
“线性”
是否有效?如果是这样,那么问题一定出在jQueryUI上。