Javascript 网站的向上滚动按钮工作不正常

Javascript 网站的向上滚动按钮工作不正常,javascript,html,css,scroll,Javascript,Html,Css,Scroll,我试图在我的网站上设置一个“向上滚动”按钮,但由于某些原因,它无法正常工作。该按钮确实出现在页面上,但无论出于何种原因,每当我尝试单击它时,它都会将我重定向到网站的首页。我不知道我做错了什么 <script> $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()>="100"){$(this).fadeIn("slow")}var

我试图在我的网站上设置一个“向上滚动”按钮,但由于某些原因,它无法正常工作。该按钮确实出现在页面上,但无论出于何种原因,每当我尝试单击它时,它都会将我重定向到网站的首页。我不知道我做错了什么

<script> 
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()>="100"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()<="1000"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); 
$(function(){$("#toTo_button").scrollToTop();}); 
</script> 
<style> 
#toTo_button { width:70px;text-align:center;padding:5px;position:fixed;bottom:10px;right:12px;cursor:pointer;color:#666;text-decoration:none; } 
#ups a img { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); } 
#ups a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); } 
</style> 
<div id="ups"> 
<a href="/" id="toTo_button"><img src="http://full4dl.ucoz.com/Support/ups.png" alt="" /></a> 
</div>


$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr(“href”);if($(window.scrollTop()>=“100”){$(this).fadeIn(“slow”)}var scrollDiv=$(this);$(window).scroll(function(){if($(window.scrollTop()单击锚定时必须阻止默认操作,如
=“100”){
$(此).fadeIn(“慢”)
}
var scrollDiv=$(这是);
$(窗口)。滚动(函数(){

如果($(window).scrollTop()您的代码有一些问题

首先,必须通过将函数绑定到单击事件来触发该函数

$('#toTo_button').click(function(event) {
    //do your scroll magic here
});

其次,当你触发点击事件时,你应该传递事件并调用
event.preventDefault()
。这会阻止浏览器自动调用重定向。

在锚定标记的点击事件上使用
event.preventDefault()
,这将停止默认重定向到网站主页(正如您所写的
a href=“/”


这应该可以解决问题。

您是否基于单击事件调用函数?您确实应该更好地格式化和缩进代码。此外,使用准备一个示例,以便人们可以轻松运行和编辑。我们的代码是否有帮助?如果有,您是否可以将一个标记为解决方案,或者让我们知道您尝试运行代码时发生了什么。谢谢!
$('#toTo_button').click(function(event) {
    //do your scroll magic here
});