問題タブ [scroll-position]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1361 参照

javascript - アンカーへのスムーズ スクロール。異なるオフセット。メディア クエリ。一部のアンカーを除く

状況:アンカー リンクごとに、アンカー リンクまでスムーズにスクロールしたい。次に、特定のアンカー リンクのオフセットを設定します (たとえば、ナビゲーションのリンクのみで、サイトのアンカー リンクはありません)。そして最後に、メディアクエリを追加したい..オフセット位置は、定義されたブラウザーサイズ (「最大幅: 767px」など) でのみ機能する必要があります。

最初の問題:他の機能 (オフセット配置) が無効になっている場合にのみ、スムーズなスクロールが機能します。両方を一緒に使用しても機能しません。何か助けはありますか? 2 番目の問題:「オフセット ポジショニング」を「ナビゲーション」アンカー リンクのみに減らす方法がわかりません。

ここや他のサイトを検索してコードを取得しました。自分で書いたわけではありません。早くjavascriptとjqueryの基礎を学びたいです。しかし、皆さんから今すぐ助けを得ることができれば素晴らしいことです。本当にありがとうございました!

ボリス

0 投票する
1 に答える
4230 参照

javascript - IE 8 までのクロスブラウザー互換の JavaScript でのドキュメントの垂直スクロール位置

jQueryが使えないので、JavaScriptでドキュメント要素のスクロール位置を知りたいです。

質問: ドキュメントの垂直スクロール位置を取得するための JavaScript コードは何ですか? IE 8 とすべての最新のブラウザーまで互換性を持たせる必要があります。

UPDATE 1:これの複製として与えられた2つの回答を確認しました。最初のものはクロスブラウザのソリューションに焦点を当てていませんが、私の問題に対処しますが、2番目のものは私が必要とするものからかけ離れています. ドキュメントの上部までスクロールするのではなく、ドキュメントの垂直スクロール位置が必要です。2 番目の投稿では、リンクを使用したり、文書の先頭に段階的に移動したりすることについて説明していますが、これは私の質問には対応していません。

更新 2 : minitech から提供された回答に基づいて、最新のすべてのブラウザーと IE 8 までで機能するスクロール位置を決定する次の関数を思いつきました。これをテストしたところ、Chrome、FireFox、Opera、Edge 、IE で機能しました。 8、IE 9、IE 10、IE 11。

0 投票する
0 に答える
136 参照

angularjs - AngularJS のページ更新 (F5) でスクロール位置を復元する

Web サイトのビューを更新するときに、ユーザーをページの同じ位置に移動させたいのですが、今は更新するたびにユーザーをトップに戻します。

異なるページ間を切り替えるときは常にトップに移動する必要がありますが、同じビューで更新/F5 キーを押してもトップに戻ることはありません。

この問題に対して、stackoverflow で他のいくつかの解決策を試しましたが、何もうまくいきませんでした。

0 投票する
0 に答える
217 参照

javascript - リストの一番上にAngular ng-repeatレンダーアイテムがありますが、現在表示されているアイテムまでスクロールし続けます

次の問題があります。以前は非表示になっていたアイテムを ng-repeat の先頭に表示したいです。これを行うと、アイテムのリストが最終的に長くなり、前にレンダリングされたすべての要素が下に移動します。新しいアイテムを表示する前にフォーカスしていたアイテムのスクロール位置を維持したい。

これは私のテンプレートのコードです。私のコントローラーは listStartIndex の値を減らして、新しい項目を表示します。どんなアイデアでも大歓迎です。ありがとうございました!

0 投票する
1 に答える
562 参照

jquery - スクロールにリンクされたポジショニングのない現在のナビゲーション位置

Firefox コンソールに次のエラーが表示され、アニメーションがぎくしゃくします。

このサイトは、スクロールに連動したポジショニング効果を使用しているようです。これは、非同期パンではうまく機能しない場合があります。

Firefox のサポート ポストを確認しましたが、私のシナリオに関連する例は見当たりませんでした。

訪問者が現在ページのどこにいるかを示すアンカーベースのナビゲーション メニューがあります。これを処理するために使用しているjQueryは次のとおりです。

基本的に、アンカーの位置に対してスクロール位置をチェックし、アンカーが近くにある場合は CSS クラスを切り替えます。CSS はトランジション効果を処理します。

スクロールにリンクされたポジショニング効果を必要とせず、スクロールが不安定になる別の方法はありますか?

0 投票する
1 に答える
2091 参照

java - RecyclerView でスクロール位置を保持する

RecyclerViewデバイスを回転させたときに現在のスクロール位置を保持する方法に関する多くの提案を読みました。com.android.support:recyclerview-v7:23.0.+を使用すると、現在の位置が実際に に保存されることがわかりましたsavedInstanceState。こちらも復元されているようですが、「ある程度正しく」復元されているだけです。

私がこれを経験していること:ポートレートモードでリストの一番下までスクロールしてから、ランドスケープに切り替えます。現在の位置が正しく復元されました (もちろん、一部のアイテムは表示されません - スクロールを続けることができます)。

それ以上スクロールせずに縦向きに戻すと、復元された位置は、実際にあると思っていた位置よりも数項目上です。リストが一番下までスクロールされなくなりました

私の質問は、正しいスクロール位置を実際に保存して復元するために他にできることはありますか?

のレイアウトは次のRecyclerViewとおりです。

これは、単一のアイテムの短縮されたレイアウトです。

をホストするフラグメントにRecyclerViewは、次のコードがあります。

0 投票する
3 に答える
61 参照

android - スクロール位置が Grdiview に保存されない

誰か助けてください GridView のスクロールに問題があります 私がやっていることは、API から GridView の最初の 10 個の製品を表示することです.再びページ値2で..そしてスクロールはユーザーがいる現在の位置から表示されます..データが表示され、アダプターはその値を変更します..しかし、新しいAPIがヒットするとスクロールが上部に表示されます...誰か教えてください私は何をすべきか??? 本当に感謝して助けてください..

私がやること -

xml ファイル