Как изменить код, что бы перемещение объекта шло в определенном диве а не по всей странице?

Question

[swks]

есть код
<div id='object'></div>

#object {
    position: fixed;
    left: 0;
    top: 50%;
    height: 30px;
    width: 30px;
    background: black;
}

body {
    height: 3000px;
    background: grey;
}

var window_width = $(window).width() - $('#object').width();

var document_height = $(document).height() - $(window).height();

$(function () {
    $(window).scroll(function () {
        var scroll_position = $(window).scrollTop();
        var object_position_left = window_width * (scroll_position / document_height);
        $('#object').css({
            'left': object_position_left
        });
    });
});

и так, при нынешнем коде, обьект перемещается при скролле по всей страницы, возможно ли сделать так что бы обьект перемещался только в определенном диве ?

Answer 1

[Inwork277]

leafo.net/sticky-kit

А вообще on("scroll") проверяете, чтобы элемент находился в пределах верхней и нижней координаты родителя относительно окна и не даете ему выйти.

Comments

[swks]

ок, возможно ли реализовать горизонтальный скрол при вертикально с помощью sticky-kit, если не секрет подскажите как, а то я голову сломаю ))