根據鼠標光標的位置滾動內容

我想知道是否有根據光標位置滾動內容的方式？經過數小時的研究發現這個旋轉木馬插件http://www.convergent-evolution.co.uk/resources/jquery-plugins/scrolling-carousel/然而，它似乎並不像我可以做自由（對角線）滾動。根據鼠標光標的位置滾動內容

我認爲會幫助你。：http：//stackoverflow.com/questions/6136847/smooth-scroller-based-on-mouse-position-jquery – csanonymus

@csanonymus感謝您的回覆，我在研究中發現了這個鏈接，但它改變了背景位置，只在newpos水平基礎上。我試圖改變它，但是我真的不知道如何適應它與另一個div作爲內容而不是背景圖像的div。 –

比看看這裏：http://www.convergent-evolution.co.uk/resources/jquery-plugins/scrolling-carousel/ – csanonymus

您將需要使用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線相同，你應該很好去。 :)

2014-03-03 23:42:18 crustycrabbe

回答