마우스로 전체 화면 이미지 스크롤

Question

윈도우의 측면이나 모서리에 마우스를 올려 놓고 스크롤 할 때 화면 크기가 넘쳐 나오는 전체 화면 이미지 (라이트 박스 확장 이미지로 열림)를 만들고 싶습니다. 마우스가 오른쪽 모퉁이에있을 때 - 이미지가 오른쪽 하단 모서리에있는 경우 이미지가 오른쪽 및 아래로 스크롤됩니다.

이 작업을 수행 할 수있는 jQuery 플러그인이 있습니까? 또는 HTML5/CSS3 방법?

Answer 1

, 그것은 약간의 조정과 함께 마법처럼 작동합니다

// Variables for current position 
var x, y; 

function handleMouse(e) { 
    // Verify that x and y already have some value 
    if (x && y) { 
    // Scroll window by difference between current and previous positions 
    window.scrollBy(e.clientX - x, e.clientY - y); 
    } 

    // Store current position 
    x = e.clientX; 
    y = e.clientY; 
} 

// Assign handleMouse to mouse movement events 
document.onmousemove = handleMouse; 

Answer 2

이미지에 다음 스타일을 지정할 수 있습니다. 나는이 조각을 발견했습니다

max-width:100%; 
max-height:100%;