-1

我想根据鼠标位置滚动页面任何想法如何使用 jquery 做到这一点？要添加我有鼠标的坐标。

添加实际功能。你能帮我滚动一下吗？

function createDraggables(){
        $j( ".card" ).draggable({
            revert: "invalid",
            containment: "#cardwall",
            drag: function(event,ui) {
                    var viewportHeight = $j(window).height();
                    var documentHeight = $j(document).height();
                    var y = event.pageY - $j('html, body').scrollTop();
                    console.log('==>',this);
                    $j('html, body').scrollTop ( (y / viewportHeight) * documentHeight );
                }
        });
    }
4

2 回答 2

1

看起来 Vanga Sasidhar 有你要找的东西。但是，正如您所说，您拥有可以使用它的坐标，它将从顶部平滑滚动到给定位置。

$(document).ready(function(){
    $('html, body').animate({
        scrollTop: 200 // Replace this value with your coordinates
    }, 1000);
});
于 2012-08-04T17:16:33.533 回答
0

是的，您可以根据当前鼠标位置执行此操作。

var viewportHeight = $(window).height();
var documentHeight = $(document).height();

//Lets listen for mousemove event on body tag
$('body').mousemove ( function(e) {
    //Get current y position
    var y = e.pageY - $(this).scrollTop();

    //Based on current proportion, update the document's scrollTop.
    $(this).scrollTop ( (y / viewportHeight) * documentHeight );
});​

工作演示可以在这里找到：http: //jsfiddle.net/codebombs/GfX3L/

于 2012-08-04T17:22:08.783 回答