ボタンをクリックすると起動する更新パネルがあり、ユーザーがボタンをクリックした後にスクロールすると問題が発生しました。
基本的に、ユーザーがボタンをクリックしてページを下にスクロールすると、ページは読み込まれたデータが表示される場所に戻ります。
ユーザーがクリックした後にスクロールした場合、データが読み込まれる場所にページがジャンプして戻りたくありません。
これを回避する方法はありますか?
前もって感謝します
ボタンをクリックすると起動する更新パネルがあり、ユーザーがボタンをクリックした後にスクロールすると問題が発生しました。
基本的に、ユーザーがボタンをクリックしてページを下にスクロールすると、ページは読み込まれたデータが表示される場所に戻ります。
ユーザーがクリックした後にスクロールした場合、データが読み込まれる場所にページがジャンプして戻りたくありません。
これを回避する方法はありますか?
前もって感謝します
次のトリックを適用できます
関数を作成し、スクロール イベントにバインドします。
var yscroll = 0;
$(document).ready(function(){
$(window).scroll(function(){
yscroll=window.pageYOffset;// this will update the latest scroll position
})
});
更新パネルが更新された後に起動する関数をクライアント側でバインドします。これは、次の方法で簡単に実現できます:- OnUpdateCompleteClientScript
その関数では、window.scrollTo(0, yscroll); のように、ユーザーが更新の直前にいた最後のスクロール位置までスクロールします。//最後のスクロール位置に更新します。
次のいずれかでこれを実行できるはずです。
<pages maintainScrollPositionOnPostBack="true" />
あなたのウェブ設定で、または:
<%@ Page MaintainScrollPositionOnPostback="true" %>
あなたのページのヘッダーに。