javascript - 到达特定行时如何在网站上更改 Logo

Question

使用 Wordpress (Theme Definity 2) 我想在滚动到某一行时更改标题中的 Logo (id= designingfuture)。我用 CSS 尝试了所有可能的方法，但不知道如何去做。

我需要 Javascript 吗？什么可能适用于 Javascript？

这就是我要说的网站:www.u-m-j.de

希望您能提供帮助，抱歉我无法提供我尝试过的代码，因为我无法尝试。

Answer 1

根据您对答案的评论，您可以使用元素与浏览器顶部的偏移量之间的计算。

$(window).scroll(function() {
    var elementTop = $('#designingfuture').offset().top;
    var elementBottom = elementTop + $('#designingfuture').outerHeight();
    var viewportTop = $(window).scrollTop();
    var viewportBottom = viewportTop + $(window).height();

   if (elementBottom > viewportTop && elementTop < viewportBottom) {
       $("#HdrLogo").attr("src", "default-logo.png");
   }
});