Question

编辑 - 我实际上我的图像原来位置：相对。我在我的代码中修复了这个问题。我希望图像向左滚动，直到它从窗口消失。我希望它停止移动，甚至重置。我可以做那个部分。我使用chrome中的开发人员窗口进行检查，并且有问题的图像右侧的位置移动到1700px以上，我试图用paraScrollRight中的if块停止

我试图让图像停止移动，以便在用户向下滚动页面时我可以移动另一个图像。出于某种原因，我的if逻辑根本不会停止滚动。

＆＃13;

var yPos, image;

function paraScrollDown(){
	
  yPos = window.pageYOffset;
  image = document.getElementById("image");
  image.style.top = (yPos * 1.0) + "px";
}

function paraScrollRight(){
	
  yPos = window.pageYOffset;
  image = document.getElementById("image");

  if(image.style.right <= 1,374 + "px") {
    image.style.right = (yPos * 2.7) + "px";
  }
}

window.addEventListener("scroll",paraScrollRight);

＆＃13;

<img id="image" style="position:relative" src="https://s-media-cache-ak0.pinimg.com/236x/ee/94/32/ee94322ba44eebc686d2e8381a84259c.jpg" />

＆＃13;

Answer 1

试试这个：https://jsfiddle.net/92rse23e/

我只处理了paraScrollDown方法，因为我知道你需要照顾什么。您需要添加的一件重要事情是在CSS中生成图像position: absolute;。

滚动paraScrolling停止图像

1 个答案: