0

これはフィドルです：http：//jsfiddle.net/mitchbregs/KkgkQ/3/ これはフルスクリーンのフィドルです：http：//jsfiddle.net/mitchbregs/KkgkQ/3/embedded/result/

ここでは何も動作しません。誰かが左側のナビゲーションバーで何かを選択したときに、必要な領域までスクロールしてほしい。また、これが完了したら、選択したjQuery removeClassをオンにして、オプションに戻したいと思います。html/cssを見るとわかります。

私はこれらすべての方法を使用しました：
方法1：http
://www.mediacollege.com/internet/javascript/page/scroll.html 方法2： http: //blog.freelancer-id.com/2009/03/26/ scroll-window-smoothly-in-jquery /
メソッド3：JQuery $ .scrollTo（）関数を使用してウィンドウをスクロールする方法

答えてくださった皆様、本当にありがとうございました！

4

1 に答える 1

1

すべての「ページ内のセクション」に ID を追加し、メニューのクリックをバインドします。

$(document).ready(function(){
    $('.contacts').on('click', function(){ 
        $('html, body').animate({
            scrollTop: $('#scroll_contact').offset().top
        }, 1000);
        $('.list_options_selected').attr('class', 'list_options');
        $(this).children(":first").attr('class', 'list_options_selected');
    })
});​

ここにJSFiddleがあります

于 2012-08-26T02:18:44.767 に答える