問題タブ [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 投票する
1 に答える
157 参照

jquery - スクロール位置に基づいて jQuery ロゴをフェードする

私はjQuery(初心者)でタスクを達成しようとしていますが、1つのステップを除いてほとんどすべてを理解しました。ページを 250px 下にスクロールした後にフェードアウトするロゴがあります。また、下にスライドしてロゴを押し下げるトップナビゲーションもあります。ページの 250 ピクセルを超えると、ロゴの不透明度が再び表示され、ナビゲーションを閉じると消えます。これはすべて正常に機能しています。

私の問題は、ページの最初の 250 ピクセル以内にいるときです。ナビを開閉すると、ナビを閉じるとロゴが完全にフェードアウトします。ページの最初の 250px のスクロール位置に基づいて、不透明度に戻りたいと思います。

例 (768px 以上の幅のブラウザーで表示する必要があります): http://staging.michalekbrothersracing.com/

私が使用しているコードは次のとおりです。

私の「else」ステートメントがこれを台無しにしていると思います。ナビゲーションを切り替えるときに、スクロール位置がどこにあるかに基づいてルールを追加し始める方法を理解するのに苦労しています。

提案やヒントをいただければ幸いです。お時間をありがとうございました!

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

jquery - 現在表示されているページのセクションに応じて固定要素のクラスを変更する (jQuery)

開発者の皆さん、こんにちは!

私は StackOverflow を含む Web の大規模なスキャンを行いましたが、私が望むものを文書化するものも、私が望むものと遠く離れたものも見つけることができないようです。

固定ナビゲーション バーを使用してサイトを構築していますが、ナビゲーション バーには実際には背景色 (透明) がありません。navbar 内には 2 つの要素が表示されます。

  • クライアントのロゴ; 私はカスタム フォントを使用してこれを作成したので、JS を介して適用される CSS とクラスですべての書式設定を実際に制御できます。

  • メニュー切り替えボタン; これもすべて要素ベースであり、JS を介して適用される CSS とクラスを完全に制御できます。

ページ構成は<section>ベースで、各セクションは「オフホワイト」または「ブラック」のいずれかです。

たとえば<section class="dark">...</section>、黒い背景 (dur) になります。


問題

メニュー ボタンとクライアント ロゴも黒なので、現在表示されている/スクロールされたセクションのクラス (「暗い」または「明るい」) を追跡し、JS を介してナビゲーションにクラスを適用する方法が必要です。

したがって、現在のセクションのクラスが「ライト」の場合、メニュー ボタンとロゴは黒になり、現在のセクションのクラスが「ダーク」の場合、メニュー ボタンとロゴは白に変わります。


セクションスパイ機能を備えた「scrollorama」などの利用可能なプラグインを完全に認識していますが、実際には機能のごく一部を利用するだけでよいため、カスタム関数を作成するだけでより効率的になります。提案も受け付けています。

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

javascript - スクロール位置に最も近い JS

ページにリスト (#js-list-scroll) があり、リスト内のいくつかのアイテム (li) には「itemPage」というクラスがあります。達成したいのは、ユーザーがスクロールしたときに最も近いものを見つけたいということです。 itemPage' をスクロール位置に移動します。
このようなもの:

ユセフ

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

c# - ビューアの垂直スクロール位置のスクロール

Scroll Viewer の垂直スクロール位置の設定に問題があります (C#、Windows ストア アプリ)。

2 ~ 5 個のアイテムを含む FlipView があります。アイテムは私自身のユーザー コントロール - スクロール ビューアーのグリッドです。現在選択されている FlipView アイテムのスクロール位置が変更された場合、スクロール位置をすべての FlipView アイテムに変更する必要があります。

私のユーザーコントロールでは、イベントを使用します:

私のページでは、メソッドを使用しています:

問題はそれです:

たとえば、FlipView に 5 つのアイテムがあります。

FlipView で選択したインデックスが次の場合:

0 の場合、スクロール位置をインデックス 1 と 2 の項目に変更します。

1 の場合、スクロール位置を index: 0 と 2 の項目に変更します。

2 次に、スクロール位置をインデックス 0、1、3 のアイテムに変更します。

3 次に、スクロール位置を index: 2 と 4 のアイテムに変更します。

4 次に、スクロール位置を index: 3; のアイテムに変更します。

なぜそれが起こっているのか、私にはわかりません。誰でもこれを手伝ってもらえますか?

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

android - recyclerview で特定のアイテムの追加/削除位置を表示する方法

私はRecyclerViewスタジオでコンセプトを実装し、アイテムの追加や削除などのメソッドの追加に取り組んでおり、RecyclerView正常に動作します。

私の質問:追加を押している間、Buttonそれが追加されますが、ユーザーはそれが実際に追加されていることを認識していないため、私のコードでは1の位置を静的として指定し、下にスクロールして追加ボタンをクリックすると、追加できないことを意味しますそれが追加されているかどうかを知るには、既知のものだけを一番上にスクロールします。このため、追加/削除中にスクロール位置を特定のアイテム追加位置に移動できます。ありがとうございます。