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上。