jQuery-Textareaの先頭にスクロール

Question

jQueryモバイルアプリケーションに「変更ログ」を追加しようとしています。エラーが発生した場合、何が問題になったのかを知るためには、ユーザーに機能が必要です。

$('#showLog').click(function() { 
    $("#popupDialog").popup("close"); 
    // populate the textArea with the text 
    $("#popupTextArea").text(sessionStorage.getItem("logStack")); 
    // open popUp after a specific time 
    setTimeout(function(){$('#popupLog').popup('open'); 
     }, 1000); 
}); 

すべての機能が正常に動作している。そのため、私はテキストエリアで、ポップアップを実施してきた特定のボタンをクリックすると、このポップアップがデータで満たされ、そして開かれ

 <!-- DIALOG Start--> 
     <div data-role="popup" id="popupLog" data-overlay-theme="a" data-theme="b" style="max-width:400px;" class="ui-corner-all"> 
     <div data-role="header" data-theme="b" class="ui-corner-top"> 
     <h1>Logg-Einträge:</h1> 
     </div> 
     <div data-role="none" data-theme="b" class="ui-corner-bottom ui-content"> 
     <textarea style="height: 120px; max-height: 120px" readonly="readonly" data-mini="true" cols="40" rows="8" id="popupTextArea"></textarea> 
     <a href="#" data-role="button" data-inline="true" id="btn_textArea" data-rel="back" data-theme="c">OK</a>  
     </div> 
     </div> 
     <!-- DIALOG End--> 

を（以下のコードを参照してください）この時点まで。問題は次のとおりです。ユーザーがテキストエリア内をスクロールダウンしてポップアップを閉じて再度開くと、スクロールバーの位置は同じです。たとえば、ユーザーが一番下にスクロールし、popUpを閉じてもう一度開きます。 popUpはtextarea ageinの一番下にあります。しかし、私はいつもpopUpが再び出てくるときに、テキストエリアの一番上にいたいと思います。次のようにこれを実現するために、私は、ポップアップが閉じており、このポップアップで「OK」-Buttonを実装しましたし、0にscrollingTopを設定します。

$('#btn_textArea').click(function() { 
// Setting position of the textArea to "0" -> But doesn't work..... 
    $('#popupTextArea').scrollTop(0); 
    ); 
}); 

私はの外観ので、この時点でstruggelingよtextAreaはまだ同じです。リフレッシュなどが必要ですか？私はすべての助けのために非常に感謝される....

Answer 1

あなたがテキストエリアのscrollTopスプライトプロパティを操作するための「popupbeforeposition」イベントを使用することができます。ここでは

$(document).ready(function(){ 

    $("#exampleWindow").on("popupbeforeposition", function(evt, ui){ 

     $(this).find("textarea").scrollTop(0); 

    }); 

}); 

あなたは一例でjsfiddleありますhttp://jsfiddle.net/elchininet/eBp7S/を