0

asp.net mvcでjQueryの水平スクロールを実装することは可能ですか? この場合、同じページに異なる div があると思います。しかし、私の場合、ボタンをクリックすると、水平スクロールで別のページをロードしたいと思います。

jQuery サンプル:

http://tympanus.net/Tutorials/WebsiteScrolling/index.html

ありがとう

4

2 に答える 2

1

いいね、

参照ページ（http://tympanus.net/Tutorials/WebsiteScrolling/index.html）を見て、実際に行うのは、ビューポートの外側に配置されたdivをビューにスクロールすることだけです。これを行うスクロールjqueryプラグインはたくさんあります。あなたの場合、必要なのはrefページのコアコンセプトと同様のセットアップだけです。私はそれを見ました、そしてここに基本的に起こるすべてがあります：

<script type="text/javascript">
    $(function () {
        $('ul.nav a').bind('click', function (event) {
            var $anchor = $(this);
            /*
            if you want to use one of the easing effects:
            $('html, body').stop().animate({
            scrollLeft: $($anchor.attr('href')).offset().left
            }, 1500,'easeInOutExpo');
            */
            $('html, body').stop().animate({
                scrollLeft: $($anchor.attr('href')).offset().left
            }, 1000);
            event.preventDefault();
        });
    });
</script>

つまり、そのデモの3つの領域では、jquery/jsスクリプトを介して3つの非常に異なる「アクション」が呼び出されます。せいぜい、デモはあなたの問題をあなたの問題への非常に明確で実証可能なアプローチに本当に単純化します-それをよく見てください、答えはそこにあります！ajaxが必要な場合は、上記のコアコードを拡張して、それを受け入れるだけです（もちろん、htmlセマンティクスも一緒に）。

とにかくそこまでの道のりは90％だと確信しているので、これがお役に立てば幸いです。

于 2012-06-03T21:30:18.770 に答える
1

css で水平スクロール アニメーションを作成してみることもできます。ボタンをクリックすると、ajax を介して次のページをロードしながらそのアニメーションを表示し、ページのダウンロードが完了したら、次の div のページ コンテンツを dom に入力します。 CSS アニメーションを終了します。

于 2012-06-03T17:34:59.423 に答える