Javascript在滚动时修复joomla主题上的标题和更改徽标大小

Javascript在滚动时修复joomla主题上的标题和更改徽标大小,javascript,css,joomla,Javascript,Css,Joomla,有人能帮我把页眉固定在顶部,并在滚动时更改徽标大小或更改为不同的徽标吗?我使用joomla 2.5,主题是免费的gavickpro音乐 $(window).scroll(function () { var sc = $(window).scrollTop() if (sc > 50) { $("#gkPageTopk").addClass("big") } else { $("#gkPageTop").removeClass("big") } }) 您的代码可能刚刚输入了

有人能帮我把页眉固定在顶部,并在滚动时更改徽标大小或更改为不同的徽标吗?我使用joomla 2.5,主题是免费的gavickpro音乐

$(window).scroll(function () {
var sc = $(window).scrollTop()
if (sc > 50) {
    $("#gkPageTopk").addClass("big")
} else {
    $("#gkPageTop").removeClass("big")
}

})

您的代码可能刚刚输入了一个错误。第一个选择器与第二个选择器不同。我更正并删除了变量声明

$(window).scroll(function () {
    if ($(window).scrollTop() > 50) {
        $("#gkPageTop").addClass("big")
    } else {
        $("#gkPageTop").removeClass("big")
    }
}

此外,这里的假设是,当用户向下滚动超过50个像素时,id=gkPageTop class=big的某个元素将改变CSS,使您的元素以您想要的方式呈现。

您的代码可能会工作。乔姆拉的版本并不重要。确保jQuery正在工作

如果仍然失败,请像这样尝试

<script type="text/javascript">
window.onscroll = scroll;

function scroll () {
 alert("scroll event detected! " + window.pageXOffset + " " + window.pageYOffset);
 // note: you can use window.innerWidth and window.innerHeight to access the width and height of the viewing area
}
</script>

修改滚动功能。使用pageYOffset

也许我错了,但我不明白你的问题是如何涉及Java的。哈哈,你能帮我找到正确的代码吗?