How to scroll in a webpage with "easeOutExpo" animation

Question

I am trying to add easeOutExpo effect while scrolling in a webpage

I originally found this in a website http://www.loisjeans.com/web2012/js/parallax.js I tried a lot to bring the effect ,but in vain.

Is there any simple way to implement animation effects while scrolling.please help.

Thanks in advance.

Karthik Ar · Answer 1 · 2013-01-21T18:53:36.943

0

You can try iscroll4 may help this for your question supports in all browsers easy to implement.

edited Jan 21 '13 at 18:53

answered Jan 21 '13 at 18:38

Karthik Ar

1

hmmmm... unfortunately i did not find any way to implement easing functions in that script.anyways ,thanks a lot for your effort – Rahul Shah Jan 22 '13 at 04:17

score 0 · Answer 2 · answered Feb 28 '13 at 01:33

0

Smooth scroll supports easing: https://github.com/kswedberg/jquery-smooth-scroll Should match your needs:

$.smoothScroll({
    scrollTarget: '#yourdiv'
    easing: "easeOutExpo"
});

answered Feb 28 '13 at 01:33

Peter

i wanted the effect every time onscroll and not when some1 hits one button...anyways.......thanks a lot...... – Rahul Shah Feb 28 '13 at 15:26

2 Answers2