非滚动图像需要相对放置的触发器和刹车

Question

这里..。

http://www.allaboutvision.com/test/SWIM-ryan2.htm

...I在右栏有一个非滚动广告。它工作的很好，但我需要更多的调整。

首先，停止滚动操作从页面顶部的绝对像素量开始。相反，我需要从前一个div下的绝对像素量开始操作，前一个div的id为"relProd“。我不知道如何在javascript中指定它。

其次，我需要图像重新开始滚动在页面底部的橙色广告上方的固定像素量。(换句话说，它需要在某个点上“刹车”，这样它才不会掩盖橙色广告。)

有谁可以帮我？我到处寻找答案。希望我能了解更多的javascript。

谢谢!

Answer 1

我认为最好是阅读这个Get X Y position，这样您就可以获得元素在屏幕上的位置，然后只需设置一个函数onscroll，该函数将在用户每次向上/向下滚动时运行

如下所示：

window.onscroll = function(e){
    if(in this position){
        //do this
    }else if(in this position){
        //do this
    }
}