Question

我长期以来一直在搜索这个网站如何处理他们的徽标：

http://www.shiftbrain.co.jp/works/dcc_2015

徽标发生了变化，我相信它会到达某个部分。有谁知道如何用jQuery做到这一点？

假设我有两个不同的部分，一个是“白色”类，另一个是“黑色”类。在到达“白色”部分时，我想要一个徽标换成黑色徽标，反之亦然。

Answer 1

链接网站使用mix-blend-mode: exclusion进行了操作。 MDN Read more about it。通常＆＃34; mix-blend-mode CSS属性描述了元素内容应该如何与其下面的元素的内容以及元素的背景＆＃34;。

混合。

这是CSS中的新功能，所以be aware of the support。

<强>演示：

＆＃13;

html, body, div {
  height: 100%;
  margin: 0;
}
p {
  color: #FFF;
  mix-blend-mode: exclusion;
  position: fixed;
  text-align: center;
  width: 100%;
}
div:nth-child(2) {
  background-color: lightgreen;
}
div:nth-child(3) {
  background-color: blue;
}

＆＃13;

<p>Test</p>
<div></div>
<div></div>
<div></div>

＆＃13;

Answer 2

$( "body" ).scroll(function() {
  var section = $( "div#section1" );
  if(is_logo_on_this_section(section.top)){
    change_the_logo(new_url);
  }
});

您可以使用的完整文件：

https://api.jquery.com/position/

https://api.jquery.com/scroll/

jQuery更改徽标的部分

2 个答案: