2014-03-03 3 views
0

커서 위치에 따라 콘텐츠를 스크롤하는 방법이 있는지 알고 싶습니다. 연구 시간이 지나면이 회전식 플러그인 http://www.convergent-evolution.co.uk/resources/jquery-plugins/scrolling-carousel/이 발견되었지만 무료 (대각선) 스크롤을 할 수있는 것처럼 보이지 않습니다.콘텐츠가 마우스 커서의 위치에 따라 스크롤됩니다.

+0

도움이 될 것 같아요. : http://stackoverflow.com/questions/6136847/smooth-scroller-based-on-mouse-position-jquery – csanonymus

+0

@csanonymus 답장을 보내 주셔서 감사합니다. 내 연구 중에이 링크도 발견되었지만 백그라운드 위치가 변경되었습니다. newpos는 수평 적으로 만 사용할 수 있습니다. 나는 그러나 그것을 변경하려고했는데 정말 배경 이미지 대신 내용으로 다른 divs와 div에 적응하는 방법을 모르겠다. –

+0

보다 자세히 살펴보십시오. http://www.convergent-evolution.co.uk/resources/jquery-plugins/scrolling-carousel/ – csanonymus

답변

1

jquery 또는 javascript를 사용하여 클라이언트 X 및 Y의 마우스 위치를 가져와 위치를 정확하게 찾아야합니다.

var x=event.clientX; 
var y=event.clientY; 

var windowHeight = window.innerHeight //and 
var windowWidth = window.innerWidth 

도 도움이 될 것입니다.

if(x > windowWidth-400) { 
    $('html, body') 
    .animate({ scrollRight: 400 }); 
    }); 
} 

나는 마우스의 y 코드에 대해 똑같은 일을 할 수있는 아주 아 am니다. :)

관련 문제