Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как ограничить действия курсора? (https://javascript.ru/forum/jquery/67037-kak-ogranichit-dejjstviya-kursora.html)

Alexbelkevich 24.01.2017 14:04

Как ограничить действия курсора?
 
Здравствуйте. Делаю своеобразныйсканер человека. Подскажите, как этот самый сканер ограничить так, чтобы он за пределы экрана снизу/сверху не уходил?


Код, с помощью которого все работает
$(".scaner-man").mousemove(function(event) {
            $top = $(".scaner-man").offset().top;
            y = event.pageY - $top - 75;
            $(".scaner").css({
                "-webkit-transform": "translateY(" + y + "px)",
                "-moz-transform": "translateY(" + y + "px)",
                "-o-transform": "translateY(" + y + "px)",
                "transform": "translateY(" + y + "px)"
            })
            $(".scaner .people2-image2").css({
                "-webkit-transform": "translateY(" + (-y) + "px)",
                "-moz-transform": "translateY(" + (-y) + "px)",
                "-o-transform": "translateY(" + (-y) + "px)",
                "transform": "translateY(" + (-y) + "px)"
            })
        });

TestUser013 24.01.2017 14:21

Не курсор надо ограничивать, а блок с рамкой :)

....
$top = $(".scaner-man").offset().top;
y = event.pageY - $top - 75;
if (y < 0) y = 0;
if (y > 700) y = 700;
...

Alexbelkevich 24.01.2017 14:42

Спасибо!))


Часовой пояс GMT +3, время: 05:55.