Question

我在互联网上到处搜索，但我找不到任何解决这个问题的方法。我有这个简单的脚本：

<script type="text/javascript">
        $(document).ready(function() {
            $("#mainContainer").scroll(function(event) {
                var height = $("#mainContainer").scrollTop();

                if($("#mainContainer").scrollTop() > 1) {
                    $("#logo").addClass("logosmaller");
                    $("#logo").removeClass("logohead");
                } else {
                    if ($("#logo").hasClass("logosmaller")) {
                        $("#logo").removeClass("logosmaller");
                        $("#logo").addClass("logohead");
                    }
                }
            });
        });

</script>

当滚动ID为“maincontainer”的div时，应该从img元素添加类“logosmaller”（并删除类“logohead”）。 Viceversa，当用户滚动到顶部（scrollTop函数返回0）时，“logosmaller”被删除并替换为“logohead”。

这在谷歌浏览器中运行良好，但它不适用于Firefox和Internet Explorer。我尝试了所有可以找到的解决方案。

脚本放在正文的末尾（就在结束标记</body>之前。

提前感谢您的任何建议。

编辑：我制作了我在小提琴中想要制作的简化版本：jsfiddle.net/zwnxdq7e/2/

简单的jQuery滚动功能在Firefox和IE

0 个答案: