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

Question

下面...

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

...我在右侧栏中有一个非滚动广告。它工作得很好，但我还需要做一些调整。

首先，停止滚动动作从页面顶部开始以绝对像素量开始。相反，我需要以低于前一个div的绝对像素量开始该动作，其id为＆＃34; relProd＆＃34;。我不知道如何在javascript中指定它。

其次，我需要图片在页面底部橙色广告上方的固定像素数量处再次开始滚动。 （换句话说，它需要＆＃34;刹车＆＃34;在某一点上，所以它不会掩盖橙色广告。）

任何人都可以帮助我吗？我到处寻找答案。希望我知道更多的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
    }
}