JQuery - 使用光标位置滚动div

时间:2012-03-10 16:40:56

标签: jquery scroll

有没有办法使用光标的位置滚动div?

使用JavaScript进行演示:http://scripterlative.com/files/cursordivscroll.htm

感谢。

1 个答案:

答案 0 :(得分:1)

如果您将使用jQuery插件http://flesler.blogspot.com/2007/10/jqueryscrollto.html,那么一切皆有可能。

不知道你想要达到的实际效果,但是如果我想象的那样,你可能想要为底部的图像预览滑块做这样的事情 http://www.fredrikclement.com/#/series/selected/Redbull 如果是,那么只需检查该特定div上的鼠标位置。 使用类似的东西:

$('div').mousemove(function(e){
    var mouse_x = e.pageX,
        mouse_y = e.pageY;

    // here goes calculation code where you will decide how much to you want to
    // scroll the div, basically plugin works with target, so you might need to create
    // reference object with absolute position and change its position before you
    // you can scroll

});