1

ここで問題が発生しました。ドキュメントを斜めにスクロールしようとしています。ドキュメントの幅と高さを取り、その値を各セクション要素に追加します。私はそれをy角度でスクロールする方法を知っていますが、x角度スクロールを同期的にスクロール幅をy角度にする方法を見つけることができます。

ヒントをありがとう!

これが私のjsです:

$(function() {
    var windowHeight = $(window).height();
    var windowWidth = $(window).width();
    var sectionsNumbers = $("#content section").length - 1;
    var sectionCount = 0;
    // Scroll sets
    var windowScrollX = ((sectionsNumbers + 1) * windowWidth) - windowWidth;
    alert(windowScrollX);
    // Set mask w and h
    $("#mask").css("width", windowWidth);
    $("#mask").css("height", windowHeight);
    $(".scrollRule").css("height", (sectionsNumbers + 1) * windowHeight);
    $("#content section").each(function() {
        // Defines its width and height
        $(this).css("width", windowWidth);
        $(this).css("height", windowHeight);
        // Defines its position
        $(this).css("left", sectionCount * windowWidth);
        $(this).css("top", sectionCount * windowHeight);
        sectionCount++;
    });
    // When window scrolls
    $(window).scroll(function() {
        var curScrollTop = $(window).scrollTop();
        $("#debug").html(curScrollTop);
        $("#content").css("top", "-" + curScrollTop);
    });
});​

わかった!

ウィンドウの全幅をウィンドウの全スクロール高さで割るだけです。ありがとうございます!

4

1 に答える 1

2

jQueryのanimate関数を使用してみてください。私のコード例の整数を計算された位置の値に置き換えるだけです。

jQuery('html,body').animate(
    {
         scrollTop: 25
         ,scrollLeft: 20
    }
    ,'slow'
);

ソース:http ://api.jquery.com/animate/

于 2012-05-25T15:21:08.437 に答える