問題タブ [onscroll]

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 に答える
192 参照

javascript - 難しい CSS 配置の問題

添付の写真のようなCSSレイアウトがあります。 ここに画像の説明を入力
次の動作を実現したい

  1. ヘッダーの一部が表示されている場合 (スクロール時) の位置は写真のとおりです。
  2. ヘッダーが非表示の場合 (ヘッダーの長さよりも下にスクロールしている場合)、左、右、および img の位置を固定し、スクロール可能な部分はページ コンテンツのみにする必要があります。

これまでのところフィドルリンク

Liam はこのリンクを提案しましたが、javascript にエラーがありますUncaught TypeError: Property '$' of object [object DOMWindow] is not a function .。mootools に関連している可能性があります (私は使用していません)。この機能はムートルなしで可能ですか?

このポジショニングスタイルを教えていただけませんか?

ありがとうございました

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

android - Android: ListView で onScroll イベントをプログラムで呼び出す方法

onScrollListView でプログラムによってイベントを呼び出そうとしてい ます。

誰でも私を助けることができますか?

ここに私のコード:

0 投票する
9 に答える
73422 参照

android - ListViewでのスクロールの終了を検出するためのonScrollListenerの実装

いくつかのアイテムをListView表示しています。のスクロールListView方法に応じて、の表示部分に現在表示されているアイテムに対して操作を実行したいと思います。ListViewしたがって、私はのを実装することを考えましOnScrollListenerListView。Android apiリファレンスによると、onScrollメソッドは「スクロールが完了した後に呼び出されます」。スクロールが完了したら、アクションを実行するので、これは私が必要としていたことのようにListView思えます(onScrollメソッドは、最初に表示されたアイテムのインデックスと表示されたアイテムの数を返します)。

しかし、一度実装するLogCatと、onScrollメソッドは、スクロールが完了すると起動されるだけでなく、スクロールの最初から最後まで、表示ビューに入るすべての新しいアイテムに対して起動されることがわかります。これは私が期待する行動でも必要な行動でもありません。代わりに、リスナーのもう1つのメソッド(onScrollStateChanged)は、に現在表示されているアイテムに関する情報を提供しませんListView

では、この2つの方法を使用して、スクロールの終了を検出し、表示されたアイテムに関する情報を取得する方法を知っている人はいますか?API参照とメソッドの実際の動作との間の不整合は、私を少し混乱させました。前もって感謝します。

PS:似たようなトピックをいくつか見てきましたが、全体がどのように機能するかを理解するのに役立つものは何もありません。

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

javascript - Javascript:カーソルがスクロール可能なdivを通過しても、ウィンドウのスクロールを停止しないでください

私は多くの小さなスクロール可能なdiv(実際にはAceエディター)のグリッドを持つWebアプリを構築していますが、このグリッドにはウィンドウよりも大きい十分な要素があります。ユーザーが空のスペースをスクロールし始めたら、ウィンドウ自体をスクロールさせたいと思います。ユーザーがグリッド要素内でスクロールを開始したときに、そこでdivの内容をスクロールしてもらいたいと思います。つまり、ユーザーが空のスペースをスクロールし始めてから、マウスがグリッド要素上を移動するようにスクロールすると、スクロール可能なdivがすべてのスクロールイベントをキャプチャし、グリッド上のユーザーのフローを中断して、グリッド内に「トラップ」します。エレメント。

AFAIKには垂直方向とは別に水平方向のマウスホイールの動きをキャプチャする方法がないため、イベントを手動でキャプチャすることはできませんonmousewheel。MacOSXのユーザーがすべての方向にスクロールできるようにしたいです。JSを使用して、最初のイベントに非常に高いz-indexを持つ非表示のdivを追加し、イベントが一定期間トリガーされなくなっonscrollたらすぐに削除することを考えました。onscrollこれはまだコーディングしていませんが、もっと良い解決策があるのか​​、それとも私が考えていなかった潜在的な落とし穴があるのか​​疑問に思っています。どんな助けやアドバイスも素晴らしいでしょう!ありがとう!

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

javascript - onscroll イベントが機能しているか、ブラウザでサポートされているかを検出する

javascript onscroll イベントがブラウザでサポートされているかどうかを確認する方法はありますか? 私はAndroidとiPhone用のWebAppに取り組んでおり、onscrollイベントはAndroidでは機能しますが、iPhoneでは機能しないためです。

そのブラウザでサポートされているかどうかを検出できるjavascriptの方法はありますか?

0 投票する
5 に答える
23826 参照

javascript - iOS Safari で動作する「スティッキー」固定位置アイテムの作成

iOS Safari では、ユーザーがパンを停止するまで、1 本指でのパンはイベントを生成しません。onscroll イベントは、ページの移動が停止して再描画されたときにのみ生成されます。

リアルタイムのスクロールを検出する方法が必要です。具体的には、iOS サファリでも動く付箋メニューを作りたいです。モバイル以外のブラウザーでは、onscroll イベントをリッスンしながら、要素の「相対位置」と「固定位置」を切り替えることで、スティッキー メニューを実行できます。onscroll イベントは継続的に発生しないため、このメソッドはモバイル ブラウザーでは機能しません。私に何ができる?

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

android - Android ギャラリーでモーションの方向を判断するにはどうすればよいですか?

私はGallery限られた数の を使用する派生物を作成しているため、スクロールまたはフリング中にこれらの を事前に設定できるようにする必要がありますView。これを行うには、およびイベントからモーションの方向を取得する必要があります。AdapterViewonFling(...)onScroll(...)

distanceXパラメータ inonScroll(...)velocityXパラメータin を使用して、が移動するonFling(...)方向を判断し、次にどちらを準備するかを決定するにはどうすればよいですか?GalleryView

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

jquery - ページスクロールで要素をフェードインさせる方法は?

私のページには次の要素があります。

この要素のCSSは次のとおりです。

ページが特定のポイントにスクロールしたときにjQueryを使用してクラスをからに変更し、次にページが元の位置に戻った.disappearときにクラスを変更する方法を知りたいです。.appear.disappear

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

c++ - BHO IE 9 サイトにメタ タグ content="IE=9" がある場合の OnScroll イベントのキャプチャ

最近、IE9 でページを表示していて、ページに次のタグが含まれている場合、BHO の「トップ」ウィンドウの OnSroll イベントをキャプチャできないことに気付きました。<meta http-equiv="X-UA-Compatible" content="IE=9">.

トップ ドキュメントの IHTMLWindow2 で DIID_HTMLWindowEvents2 の DISPID_HTMLWINDOWEVENTS2_ONSCROLL をシンクしてスクロールをキャプチャすると、ページにそのメタ タグが含まれている場合を除き、すべての場合で正常に動作します。

私のシンク クラスは次のように定義されます。

そして、私はこのように沈んでいます。

ここで、_spDocument は でCComPtr<IHTMLDocument2>、_spWindow はCComPtr<IHTMLWindow2>

アイデアはありますか?また、IE9 SDK ヘッダーと msdn のドキュメントに不一致があるようです。たとえば、ドキュメント内の IE 9 の新しいドキュメント イベントは SDK では使用できない多くのイベントを定義します。これは mshtml.idl の定義です

msdn によると、ドキュメントに OnScrollEvent があるため、ブラウザーがバージョン 9 で、ページに IE=9 が含まれている場合にシンクする必要があるのはそのイベントかもしれませんが、SDK にはその情報が含まれていません。 ...

どんな助けでも大歓迎です。ありがとう。