2016-06-22 19 views
0

JQueryダイアログでユーザーに進捗状況を示すdivがあります。私はそれにスクロールバーを持っています。私が望むのは、テキストを(jQueryのコードで)追加すると、divが自動的にスクロールして、ユーザーは進捗状況を確認できるはずだということです。たとえば、 divをプログラムでスクロールして、JQueryを使用してコンテンツに追加します。

  • 処理レコードを初期化

    • について、
    • 証券は、その上の
    に..
  • は、新規受注情報の取得、処理さ
  • 処理順序、
  • 受注を更新しています

    誰かがJqueryでこれを行う方法を手伝ってもらえますか?ありがとうございました。

    私はdivの

    $.ajax({ 
        type: "POST", 
        url: "../Services/OrderR.asmx/Process", 
        contentType: 'application/json', 
        dataType: "json", 
        data: JSON.stringify(params3), 
        success: function (p) { 
    
        if (p.d.Success == true) { 
         status = status + p.d.Message + '</br>'; 
         $('#divProgressDialog').empty(); 
         $('#divProgressDialog').append(status); 
         return; 
        } 
        else { 
         status = status + '<font color=#FF0000>Error - ' + p.d.Message + '</font></br>'; 
         status = status + 'Please contact support team.'; 
         $('#divProgressDialog').empty(); 
         $('#divProgressDialog').append(status) 
         return; 
        } 
        } 
    }); 
    
  • +1

    コードを表示できますか?それとも、もっと良いことに、このためのスニペットを作成しますか? –

    +0

    コードを追加しました。Mosh – Showkath

    答えて

    0

    はBOTH(*)あなたのリターンの前にこれを追加追加マイコード。

    var myHeight = $('#divProgressDialog').scrollHeight 
    $('#divProgressDialog').scrollTop(myHeight); 
    

    EDIT:あなたはjsfiddleを提供する場合、私はこのコードをテストしているだろうが、私は、これはあなたが不足しているすべてだと思います。コンテンツを追加するたびにdivの新しい高さが計算され、下にスクロールします。

    (*)= EDIT 2

    +0

    Alexandreありがとうございます。私はこれをvar mydiv = $( "#divProgressDialog")として編集しなければならなかった。 mydiv.scrollTop(mydiv.prop( "scrollHeight")); – Showkath

    +0

    本当にありがとうございます。私はあなたの迅速な対応が私の問題を解決することに感謝します。 :) – Showkath

    +0

    うれしかった! – Alexandre

    関連する問題