JQuery сниппет для прокрутки изображения относительно положения мыши

Этот сниппет позволяет прокручивать изображение в нужном вам контейнере относительно положения мыши внутри этого контейнера.

$("body").on("mouseout", ".image-zoom__paralax-layer", function() {
    $(this).find("img").css({ marginTop: 0 });
});

$("body").on("mousemove", ".image-zoom__paralax-layer", function(e){
    var img = $(this).find(".image-zoom__paralax-image"),
    thisHeight = $(this).height(),
    h = $(this).find("img").height(),
    offset = $(this).offset(),
    position = (e.pageY-offset.top)/$(this).height(),
    maxAvailable = h - thisHeight;

    h = h * position / 2;
    if (h < maxAvailable) {
        img.css({ marginTop: -h });
    }
});

Комментарии

Популярные сообщения из этого блога

Установка утилиты yandex disk для ubuntu

Отправка пост запроса AngularJS