Parallax Scrolling is Shakey

Question

Hello-
First and foremost--- GREAT UPGRADE WITH 5.0!  Love the Layers and the Parallax!  I now have the hang of designing with the new scolling options, but I am noticing a serious shaking of the images that scroll slowly.  It also seems to get worse the longer you view the same page, which is problematic since I am buidling a site that is all one long page. 
You can see the problem at cordphillips.com -- if you hit the initial logo, it will scroll you down to the Black and White picture I am referring to.  Is there any way to resolve this issue?
As always, thanks and best,
-Cord

Answer 1

Hi Everyone,
We are glad that we came up with the solution of the Parallax Scrolling Problem that occurs on the scrolling with the mouse wheels (layers laggings) and jerk in the layers movement while scrolling with the mouse wheel. Just add the below mentioned code and set the time and distance to be covered in one scroll and done! You are good to go then.
Add this code in the index.html file's head tag
<script type="text/javascript">
if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
var time = 1300;
var distance = 100;
function wheel(event) {
    if (event.wheelDelta) delta = event.wheelDelta / 120;
    else if (event.detail) delta = -event.detail / 3;
    handle();
    if (event.preventDefault) event.preventDefault();
    event.returnValue = false;
function handle() {
    $('html, body').stop().animate({
        scrollTop: $(window).scrollTop() - (distance * delta)
    }, time);
$(document).keydown(function (e) {
    switch (e.which) {
        //up
        case 38:
            $('html, body').stop().animate({
                scrollTop: $(window).scrollTop() - distance
            }, time);
            break;
            //down
        case 40:
            $('html, body').stop().animate({
                scrollTop: $(window).scrollTop() + distance
            }, time);
            break;
</script>