-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 に答える