3

Bootstrap フォーム ウィザードを使用しています。ユーザーが [続行] ボタンをクリックすると、次のタブに移動しますが、ページは下にスクロールします。

スクリプトを保持している jquery.bootstrap.wizard ファイルを調べましたが、フォーカスやアニメーションに関係するものは見つかりません。

このコードを削除すると、スクロールは行われませんが、戻るボタンと最後の送信ボタンは消えます

if($settings.onNext && typeof $settings.onNext === 'function' && $settings.onNext($activeTab, $navigation, obj.nextIndex())===false){
    return false;
}
4

2 に答える 2

0

scrolltop スクリプトを onTabShow イベントに追加する必要があります。

1. スクロールトップ スクリプト

$('html, body').animate({
   scrollTop: $("#rootwizard").offset().top
}, 1000);

2. OntabShow formwizard イベント :

 $('#rootwizard').bootstrapWizard({
                'tabClass': 'nav nav-pills',                
                onTabShow:function(tab,navigation,index){   
                    //Animate scrolltop
                    $('html, body').animate({
                        scrollTop: $("#rootwizard").offset().top
                    }, 1000);
                }
  });
于 2015-07-26T05:24:33.700 に答える