可以按照以下步骤检查代码问题并进行修改:
1.检查JavaScript代码是否正确且没有语法错误。
2.如果网页中有其他JavaScript代码,请确保它们不会与返回顶部按钮的代码发生冲突。
3.尝试将代码放到 $( document ).ready() 函数中,以确保所有的页面元素完全加载后再运行JavaScript代码。
4.检查网页中是否正确引用了jQuery库,以确保代码能正确地执行。
以下是一种可能的修改方式,将代码放到 $( document ).ready() 函数中:
$( document ).ready(function() { // 返回顶部按钮 $(window).scroll(function() { if ($(this).scrollTop() > 100) { $('.back-to-top').fadeIn(); } else { $('.back-to-top').fadeOut(); } }); $('.back-to-top').click(function() { $('html, body').animate({ scrollTop: 0 }, 800); return false; }); });
请注意,以上代码中的“back-to-top”类名需要与返回顶部按钮的HTML代码一致。如果您不确定,请检查HTML代码中是否正确地使用了该类名。