滚动到顶部按钮在 chrome 或 safari 中不起作用

Scroll to top button not working in chrome or safari

本文关键字：safari 不起作用 chrome 顶部 按钮 滚动      更新时间：2023-09-26

尝试一个简单的滚动到顶部按钮，使用javascript，遵循通常的建议，在Firefox中工作正常，无法让它在safari或chrome中工作。

代码：

.html：

<a href="#top" id="backToTopBtn" class="btn btn-info custom-top-footer-btn" >Top</a>

javacsript：

<script type="text/javascript">
$(document).ready(function() {
$('#backToTopBtn').click(function(){
    $('html, body').animate({scrollTop : 0},800);
    return false;
});
});
</script>

它在 chrome 和 safari 中的 jsfiddle 中对我有用，所以它不应该是实际的代码：http://jsfiddle.net/m0cvsotL/

在我的代码中，我尝试删除所有其他javascript，但没有运气。任何想法可能导致问题的原因？

在

Chrome中打开您的页面，然后右键单击"检查元素"，转到控制台选项卡，然后单击"顶部链接"，也可以在下面尝试此操作：

<script type="text/javascript">

$（document）.ready（function（） {

$('#backToTopBtn').on('click',function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
});
</script>

我最终解决了这个问题 - 我有 css 代码来尝试修复阻碍 javascript 的页脚。将其取出完全解决了该问题。

我在其他地方读到过当有一个具有绝对定位的元素时，scrollTop 不起作用。有问题的问题是页脚：

position:absolute;
相关文章：