Question

有人可以帮我在顶部修改标题并在滚动时更改徽标大小（或更改为其他徽标）吗？在使用joomla 2.5，主题是gavickpro音乐免费。

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

}）;

Answer 1

您的代码中可能只有一个拼写错误。你的第一个选择器与第二个不同。我纠正并摆脱了变量声明。

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

此外，这里的假设是，一些id =“gkPageTop”class =“big”的元素将改变CSS，使你的元素以你想要的方式呈现...当用户向下滚动超过50像素时

Answer 2

您的代码可能有用。 Joomla版本并不重要。确保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

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

2 个答案: