問題タブ [scroll-position]

次の HTML スニペットがあるとします。

(通常) 1 から 30 までの数字をそれぞれ新しい行に含むスクロールバーのあるブラック ボックスが表示されます。

そのボックス内を上下にスクロールできます。

私が今必要としているのは、ボックスがどのスクロール位置にあるかを見つける可能性です。各行の高さが 15 ピクセルで、10 までスクロールすると、取得したい結果は 150 (15px * 10 行) になります。

この番号はどこで確認できますか?

私はプレーンな JavaScript と jQuery を手元に持っています。

私は MVC のプロジェクトに取り組んでおり、それについて学ぶことを楽しんでいます。いくつかの成長痛がありますが、一度理解すれば悪くありません。WebForms の世界で非常に単純なことの 1 つは、ページのスクロール位置を維持することです。あなたがすることは、MaintainScrollPositionOnPostback プロパティを true に設定することだけです。ただし、MVC では、ポストバックを使用していないため、これは機能しません。これを処理する標準的な方法は何ですか？

編集： Ajaxは受け入れられますが、AJAXなしでどうやってそれを行うのかも疑問に思っていました.

正直なところ、私はここで自分の深さから抜け出しています。リンクをクリックするとページがリロードされ、特定の数のリスト項目が順不同のリストに表示されるページネーション システムを作成しました。もう一度クリックすると、ページがリロードされ、より多くのアイテムが表示されます。Twitter がフィード内のツイートをどのように表示するかを考えてみてください。

問題は、ページをリロードすると、ページが一番上にとどまることです。私が望むのは、以前のページの同じ位置にジャンプすることです。

私はすでにリンクのセレクターをうまく設定していますが、現在のスクロール位置を取得し、それを新しいページに渡してジャンプする方法がわかりません。

これまでの私のコードは次のとおりです。

ここからどこへ行けばいいですか？

オーバーフローが自動に設定された aspx ページ内に div があります。div のコンテンツは動的に作成され、リンク ボタンのリストで構成されます。

div を下にスクロールしていずれかのリンク ボタンをクリックすると、ページのリロードによって div 内のスクロール位置が失われ、div の一番上に移動します。それを防ぐ方法はありますか？

これはページ内の div 用であることに注意してください。Page.MaintainScrollPositionOnPostBack()動作しません。

私はこの問題を数回検索しましたが、手ぶらで出てきました。誰かが私のために物事を明確にし、正しい方向に私を向けることができることを願っています。

問題：検索フォームを送信した後、結果のリストを表示するページがあります。ユーザーが結果の1つをクリックすると、ブラウザーは結果に関する詳細情報を表示する新しいページに移動します。次に、ユーザーが[戻る]ボタンをクリックして結果にパックすると、ブラウザはページをリロードし、最後にクリックされた結果ではなく、ページの上部を表示します。

目標：私が望むのはこれです：ユーザーが戻るボタンをクリックすると、ブラウザは前のページに戻り、ページの上部を表示する代わりに、前の位置にページを表示する必要があります。

解決策：この結果をどのように達成できるかについて、私は完全に迷っています。それはjavascript、またはブラウザに送信されるヘッダーと関係があるのでしょうか、おそらくキャッシングと関係があるのでしょうか。

向きの変更中に、Android の WebView コントロールに読み込まれたコンテンツの現在のスクロール位置を保持するのに問題があります。この問題は現在、Android 2.1 および Android 2.1 Update 1 にのみ存在します。

私が使用するコードは、デフォルトのブラウザ アプリケーションに基づいており、次のようになります。

このコードは、Android 1.5、1.6、および 2.0.1 で機能します。Android 2.1 では、同じコードで一瞬だけ位置が復元されますが、その後ページがリロードされて位置 0,0 にスクロールします。

Android 2.1 Update 1 では、スクロールして 0,0 に戻るだけでなく、ズームをページ幅に合わせて変更します (2.1 で導入されたブラウザーの概要モードと同様)。

誰かが回避策を知っていますか、またはそのような動作の原因が何か考えていますか?

ListViewユーザーが前の画面に戻る前にスクロールできるのは長いです。ユーザーがこれListViewをもう一度開いたときに、リストを以前と同じポイントまでスクロールしたいと思います。これを達成する方法について何かアイデアはありますか？

<mx:DataGrid />ColdFusion サーバーからのデータで 60 秒ごとに更新されるカスタムがあります。DataGrid が更新されて再描画されるたびに、スクロール位置が一番上にリセットされることに気付きました。

DataGrid のスクロール位置を保持する方法はありますか?

前もって感謝します。

ここにコードを書きました。

私がやろうとしているのは、スクロールバーがウィンドウの下部にあるかどうかを検出し、そうである場合は、新しいデータを div に追加してから、下にスクロールして戻すことです。スクロールがまだ一番下にない場合は、何もしません。

これを達成するためにDOMまたはjquery APIのどの部分を使用できるかわかりません。複数のことを試してみましたが、ここで行き詰まっています。スクロールバーがどこにあるかという点で、何も価値がないようです。どれだけスクロールできるか。私がそれを得ることができれば、パーセント値は素晴らしいでしょう.

jQuery 以外のライブラリを使用したくありません。つまり、プラグインもありません。

SO チャット ルームで見られるのと同じ動作を取得しようとしていますが、ScrollTo プラグインを使用して目的を達成しているようです。

アップデート。

.height() と .scrollTop だけを使用することはできません。一致しません。

これを参照してください： http://jsfiddle.net/qSx3M/6/