이미지를 스크롤 막대에 적용하지 않으려면 어떻게해야합니까?

Question

나는이 다음 사용하여 내 마우스를 다음 이미지가 있습니다

$(document).mousemove(function(e) { 
 
    $(".image").css({ 
 
    left: e.pageX + 50, 
 
    top: e.pageY + 50 
 
    }); 
 
});

.image { 
 
    position: absolute; 
 
    width: 5%; 
 
    height: 10%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img class="image" src="Media/example.png" />

이

내 마우스가 이미지로 웹 사이트의 하단 또는 오른쪽 측면에있을 때 문제가 발생 그 다음 내 마우스가 화면을 벗어나고 (의도 한대로)이 때문에 스크롤 막대가 웹 사이트에 나타납니다.

스크롤 할 수있는 정도에 영향을주는 마우스 뒤의 그림을 원하지 않습니다. 이 문제를 어떻게 해결할 수 있습니까? 이 이미지는 당신이 찾고있는 무엇 창을 확장보다는 화면을 사라지게하려면

Answer 1

는 body에 overflow: hidden을 적용하는 것입니다. hidden 모두 클립 내용과의 overflow는 스크롤 막대를 숨 깁니다이 도움이

$(document).mousemove(function(e) { 
 
    $(".image").css({ 
 
    left: e.pageX + 50, 
 
    top: e.pageY + 50 
 
    }); 
 
});

.image { 
 
    position: absolute; 
 
    width: 5%; 
 
    height: 10%; 
 
} 
 

 
body { 
 
    overflow: hidden; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img class="image" src="http://placehold.it/100" />

희망! :)