Question

尝试一个简单的滚动到顶部按钮，使用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，但没有运气。什么可能导致问题的想法？

Answer 1

在chrome中打开您的页面，右键单击Inspect Element，转到控制台选项卡，然后单击您的Top Link，同时尝试以下操作：

<script type="text/javascript">

$（document）.ready（function（）{

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

});
</script>

Answer 2

我最终解决了这个问题 - 我有css代码试图修复一个阻碍javascript的页脚。解决它完全解决了这个问题。

当有一个具有绝对定位的元素时，我在其他地方读到有关scrollTop无法正常工作的信息。违规问题是一个页脚：

position:absolute;

滚动到顶部按钮无法使用chrome或safari

2 个答案: