我试图实现一个“crt样”滚动小故障效果使用Javascript和CSS。我提出了下面的代码,它克隆内容并应用clip使其看起来像滚动,同时添加随机的水平偏移量。
function scanglitch() {
var e = $('#wrapper').clone().appendTo('#glitchcontainer');
var i = 0;
e.css({"clip": "rect(" + i + "px,3830px," + (i + 15) + "px,0px)"
我试图在上实现这些效果,但是我只需要在滚动的基础上移动几件事情。我的目标是让篮球进入盒子,然后在滚动了一点点后,盒子就会在卡车上,所有的物体都水平地穿过页面。另外,我希望这发生在你向下滚动,而不是当你像在当前的小提琴上滚动。
这里是我目前的,最初是基于这个。下面是js。
var fixedElement = false;
var changingMoment = 150;
$(window).scroll(function() {
// floatingContentMark lets us know where the element shall change from fixed