2014-03-03 70 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水平基礎上。我試圖改變它,但是我真的不知道如何適應它與另一個div作爲內容而不是背景圖像的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線相同,你應該很好去。 :)