четверг, 23 ноября 2017 г.

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 });
    }
});

Комментариев нет:

Отправить комментарий

Рабочий способо убрать хрип микрофона в Ubuntu 18.04

Переходим по ссылке и делаем также как в видео https://www.reddit.com/r/Ubuntu/comments/6zq3ca/remove_background_noise_on_the_mic_in_ubun...