0

我很可能会遗漏一些东西，或者完全做错了，但这段 javascript 在 Chrome 和 Safari 中运行良好，只是在 Firefox 中运行良好。section.id （在 if 语句内部）似乎没有改变，但总是返回 section[0].id ，无论它是否符合 if 语句条件。

var localNavigation = {
    showTab: function (anchortags, anchors) {
        $(window).scroll(function () {
            var scroller, i, section, sectionTop, sectionBottom, sectionColor, sectionTextColor, $section;
            for (i = 0; i < anchors.length; i++) {
                scroller = document.body.scrollTop;
                section = anchors[i];
                $section = $(section);
                sectionColor = $section.css("background-color");
                sectionTextColor = $section.css("color");
                sectionTop = section.offsetTop;
                sectionBottom = section.offsetTop + section.offsetHeight;
                if ((scroller > sectionTop) && (scroller < sectionBottom)) {
                    $(anchortags).removeClass("selected").css({
                        "background-color": "transparent",
                        "color": "#f5eeed"
                    });
                    $("#" + section.id + "_tab").addClass("selected").css({
                        "background-color": "" + sectionColor + "",
                        "color": "" + sectionTextColor + ""
                    });
                    console.log(section.id);
                }
            }
        });
    },
    init: function () {
        var anchortags = $("#local ul li a"),
            anchors = $("section");
        localNavigation.showTab(anchortags, anchors);
    }
};
localNavigation.init();
4

2 回答 2

0

我看到您使用的是 HTML 5<section>标记。之前在 StackOverflow 上已经讨论过许多版本的 Firefox 还不支持这个标签，所以您是否尝试过确保您使用的是最新版本的 Firefox？

如果做不到这一点，你能用不同的标签试试你的代码吗？

于 2012-05-22T14:38:09.560 回答
0

仔细检查您是否正在处理正确的文件。

也尝试使用每个循环。

anchors.each(function( i, section ){
    var $section = $(section);
    scroller = document.body.scrollTop;
    sectionColor = $section.css("background-color");
    sectionTextColor = $section.css("color");
    sectionTop = $section.offsetTop;
    sectionBottom = $section.offsetTop + $section.offsetHeight;
    if ((scroller > sectionTop) && (scroller < sectionBottom)) {
        console.log($section.id);
    }
});
于 2012-05-22T14:36:41.510 回答