视差自定义功能滚动效果问题

时间:2014-06-05 13:46:44

标签: javascript html css parallax

示例 http://jsfiddle.net/5MsUd/

我对此代码的滚动向上和向下效果有问题。关键问题是:

    //create the event listener of the users choice.
    window.addEventListener(this.trigger,function(){
        //get the current position of scroll and add it to the object
        self.scrollPos= this.scrollY || this.pageYoffset;

        //get the current position of the element
        newPos = getPosition(self.target,self.dir);

//HERE IS THE BIG ISSUE!!!!!!!
        //adjust the current position depending on the scroll direction
        if(scrollex.direction == "down"){
        self.target.style[self.dir]= newPos + (self.scrollPos * self.offset)+"px";
        }else{
        self.target.style[self.dir]= newPos - (this.scrollY * self.offset)+"px";
        }

        //run callback if there is one
        if(callback !== null && typeof callback=='function'){
            callback.call(self);
        }
    }, false);

我没有让正确的PX回到正确的位置。我添加了小提琴,因为它有所有主要代码和笔记。以及我为帮助scrollex功能

而添加的额外功能

任何人都可以建议一个更好的数学方程来来回来获得正确的pxs。尝试一下并玩它,让我知道任何好的建议。我已经非常深入了解并且还有更多要补充的内容,但截至目前,向下滚动和向上滚动部分系统主要是错误的。你可以看到,一旦你开始来回滚动,它会来回移动,但向上移动所提供的像素比下来的要少。

0 个答案:

没有答案