Question

我有一个基本的“滚动到顶部”jQuery函数，可以在我的网站上使用。这个功能可以像Chrome，Opera和IE一样运行，但不在我的Firefox（37.0.2）中。

功能如下：

function scrollUp(){
    $("#to-top").hide();

    $(window).bind('mousewheel', function(){
        var num = $(window).scrollTop();

        if (num > 100){
            $("#to-top").show(500);
        };
        if (num < 100){
            $("#to-top").hide();
        };

        $("#to-top").click(function(){
            $("#to-top").hide();
            $('body,html').stop().animate({scrollTop:0},1200);
        });
    });
}

scrollUp();

我已经检查过Firefox中的inspect元素框，但没有出现错误。

为此，HTML是：

<a id="to-top">
    <center><p>^ ^ ^</p><p>Scroll To Top</p></center>
</a>
<script src="../scripts/toTop.js">scrollUp()</script>

位于关闭正文标记之前的页面底部。

HTML没有在firefox中显示任何内容，这意味着jQ函数的第一行必须正常工作，但由于某种原因，它不会。

我最初有.on（）而不是.bind（）它们在其他浏览器中运行相同而不是firefox ....

感谢任何帮助，谢谢你们！

Answer 1

使用scroll事件并使用.on

进行绑定

$(document).on('scroll', function () { /* your mousewheel code here */ });

如果内存服务，Firefox不喜欢mousewheel事件。我很确定scroll事件应该有效。

此外，每次$(window).bind时都无需运行scrollUp()。这只需要在$(document).ready

上完成

jQuery函数在Firefox中不起作用

1 个答案: