javascript - Jquery滚动未出现在所有页面上

Question

我可能会忽略一些愚蠢的东西......但我正在使用这段代码，通常情况下，当它被注入(inject)到文档的/head 时，我会期望它在所有页面上运行。由于某种原因，它只适用于主页，不适用于其他页面......似乎看不出它有什么问题。我是否在某处缺少字符或者...知道它只适用于一页有什么问题吗？

JS

$(document).ready(function() {
    $(window).scroll(function() {
        var sT = $(this).scrollTop();
        if (sT >= 600) {
            $('#header, #siteTitle a, #mainNavigation .external > a').addClass('colNav')
        } else {
            $('#header, #siteTitle a, #mainNavigation .external > a').removeClass('colNav')
        }
    })
})

CSS

.colNav {
    background: rgba(255, 255, 255, 1.0) !important;
}

Answer 1

A.) 检查脚本是否正确加载到首页以外的页面上。如果您使用 Firefox，获取 Firebug 是获取幕后信息的好方法。

B.) 其他页面上是否存在以下内容:

• ID 为 #header 的容器，

• 容器中的 anchor ，其 ID 为 - #siteTitle a

• 容器中 ID 为 #mainNavigation .external > a 的 anchor

C.) 在最后两个结束符“)”之后缺少一些分号 - 但假设这在您的首页上有效，这可能不会成为问题.. 不过应该解决这个问题。