Как Изменить координаты (left и top) при скролле страницы?

Question

[Novamoscow]

Показали, что это можно сделать вот так

var left = $('.left-block').css('left');

$(window).scroll( function(){
    if ( $(window).scrollTop() > 10 ) {
        left = left + $(window).scrollTop();
        $('.left-block').css('left' )
    }
});

Написал простой шаблон https://codepen.io/novamoscow/pen/vxRJOO

Сама задача, после скрола (например 100пх) с лево появляется элемент, плавно изменяя свою позицию (лефт и топ) Пример вот тут tds74.su

Пытаюсь применить, ни как не заведется, JQ знаю плохо, прошу помощи

Answer 1

[Max Medar]

В вашем примере добавьте в условие:

console.log(left)

и увидите проблему.
Примитивный пример:
https://codepen.io/anon/pen/WpzayB
Еще можно использовать:
imakewebthings.com/waypoints/guides/jquery-zepto