Question

我想根据鼠标位置滚动页面任何想法如何使用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 );
                }
        });
    }

Answer 1

看起来Vanga Sasidhar有你想要的东西。但是正如你所说的那样，你可以使用这个坐标，它可以平滑地滚动到顶部的给定位置。

$(document).ready(function(){
    $('html, body').animate({
        scrollTop: 200 // Replace this value with your coordinates
    }, 1000);
});

Answer 2

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

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/

根据鼠标位置滚动--jQuery

2 个答案: