Javascript Jquery滚动条不会出现在所有页面上
我可能忽略了一些愚蠢的事情。。。但我使用的是这段代码,通常情况下,当它被注入到文档的/head时,它会在所有页面上运行。出于某种原因,它只适用于主页,而不适用于其他页面。。。。似乎看不出有什么问题。我是不是在什么地方找不到chars或者。。。你知道它只适用于一页有什么不对吗 JSJavascript Jquery滚动条不会出现在所有页面上,javascript,jquery,scroll,Javascript,Jquery,Scroll,我可能忽略了一些愚蠢的事情。。。但我使用的是这段代码,通常情况下,当它被注入到文档的/head时,它会在所有页面上运行。出于某种原因,它只适用于主页,而不适用于其他页面。。。。似乎看不出有什么问题。我是不是在什么地方找不到chars或者。。。你知道它只适用于一页有什么不对吗 JS $(document).ready(function() { $(window).scroll(function() { var sT = $(this).scrollTop();
$(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')
}
})
})
.colNav {
background: rgba(255, 255, 255, 1.0) !important;
}
CSS
$(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')
}
})
})
.colNav {
background: rgba(255, 255, 255, 1.0) !important;
}
A.)检查脚本是否正确加载到页面上,而不是首页上。如果你使用Firefox,获取Firebug是一个很好的方式来获取幕后发生的信息
B.)其他页面上是否存在以下内容:
- ID为-#标题的容器
- ID为-#siteTitle a的容器中的锚
- ID为#mainNavigation.external>a的容器中的锚点
C.)在最后两次结束后,您缺少了一些分号“)”——但假设这在您的头版上起作用,这可能不会成为问题。。不过应该会解决这个问题。我修复了两个缺失的分号,你说得对。非常感谢。是的,所有的ID/类都存在,但是,在一个涉及到100个其他类的CMS中工作——我针对全局选择器进行了重新检查,因为你调用了它(也很明显)——来发现,添加了其他类——所以这回答了为什么目标没有显式地全局工作的问题。看着它这么久,它变得模糊了。。。。谢谢!