在滚动上加载css动画

Question

我用css做了一个饼图。 This is the link to what I have made现在我想在滚动上制作动画，我已经使用了这段代码

T()

但它不起作用，为什么？

Answer 1

尝试将if条件更改为此

if（imagePos＆lt;（topOfWindow + imageHeight）＆amp;＆amp;（imagePos + imageHeight）＆gt; topOfWindow）

Answer 2

我建议您尝试一下，将absolute(X,X):- X>=0. absolute(X,Y):- X<0, Y is X * -1. abslist([H|T],[H1|T2]):- absolute(H,H1),abslist(T,T2). abslist([],[]). 更改为必须向下滚动以便让动画发生的像素数

100

Answer 3

这应该可以满足您的需求。如果触发器的高度轴点在移动设备和台式机之间不同，则可能必须创建一些if语句。

JS Bin Example here

$(window).scroll(function() {
var height = $(window).scrollTop();
console.log(height);
if(height  > 200) {
    $(".item").addClass("item--newColor");
    $(".item").removeClass("item--color");
}});