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
});