問題タブ [scrolltop]

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

jquery - scrollTop の mousedown : false を返す - 問題


ここでコードを見つけて、マウスをクリックしてdivのコンテンツをスクロールできるようにしました。しかし、試してみると、 false または preventDefault を返してもクリックが妨げられず、ページが再起動されます。このコードを機能させる方法を知っていますか? アラートはうまく機能しますが、コードはページを更新します:

ありがとう

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

jquery - jqueryアニメーションスクロールトップコールバック

ページを一番上までスクロールし、コールバック関数を実行する次のjqueryがあります。

問題は、ページが既に一番上にある場合でも、コールバックを実行する前に「1000」が経過するのを待っていることです。これは望ましくありません。

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

javascript - Android 3.0: JS scrollTop が chrome/webview で動作しない

私は webView でアプリ ラップを作成しました。マイルストーン 2 2.2 で期待どおりに動作し
ますが、スクロール機能は 3.0 のクロム (FF で動作) では動作し
ません。dom.scrollTop = XXX でも jquery $("#id ").scrollTop(X)
バグですか?誰でも私がそれを修正する方法を提案できます、thx!

私のタブレットは Android 3.0.1 搭載の Acer ICONIA TAB A500 です。

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

javascript - URLにアンカーが含まれている場合、ページロード時にWebページのスクロールバーの垂直位置を取得します

jQuery の scrollTop() メソッドを使用して、ページ読み込み時のスクロール バーの垂直位置を取得しています。URL のアンカーが実行された後にこの値を取得する必要があります (ex url: www.domainname.com#foo)。次のコードを使用でき、Firefox と IE で動作します。

ex url: www.domainname.com#foo

しかし、Safari と Chrome では document.ready() がアンカーの前に実行されるように見えるため、このシナリオではページの読み込み時に scrollTop() が 0 を返します。Chrome と Safari でアンカーが実行された後、ページの読み込み時に scrollTop() 値にアクセスするにはどうすればよいですか?

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

facebook - Facebook Canvas IFRAMEは、親ページのScrollTop()値を取得する必要があります

セキュリティ上の制限のためにこれが不可能であることはわかっていますが、これが私のシナリオであり、私が考慮していなかった可能性のあるいくつかの創造的な回避策を探しています。

画像のサムネイルを表示するWebサイトがあります。ユーザーがサムネイルをクリックすると、jQueryオーバーレイコントロール(FaceBox)を使用して、フルサイズの画像をポップアップで表示します。ポップアップウィンドウの上部は常にページの上部から20ピクセルの位置にあるため、ページのscrollTop()値を読み取る必要があります。

この機能は、自分のサイトに直接アクセスするときにうまく機能します。しかし、Facebook CanvasアプリケーションからIFRAMEでサイトを読み込むと、ポップアップのポジショニングコードが壊れます。Canvasのスクロールバーをオフにし、FB.Canvas.setSize(...)を使用して、IFRAMEの高さの変更を親ページに手動で通知しています。親のScrollTop()値にアクセスすることは許可されていないため、回避策は、ソースサムネイルの上部を基準にしてオーバーレイの上部を配置することでした。これにより、オーバーレイがソースに近くなりますが、特にサムネイルがビューポートの下部に近い場合は、理想的とは言えません。

ポップアップをIFRAMEの上部から20ピクセルの位置に配置する方法はありますが、親ウィンドウの(禁止されている)ScrollTop()の場所を考慮に入れる方法はありますか?

これはかなり一般的なシナリオのようです。Facebookが将来これに対処する計画があることを願っています。FB.Canvas.getPageInfoオブジェクトは、これに適した候補のように見えます。これにはscrollTopメンバーがありますが、これは親フレームではなくCanvas用であり、スクロールバーがオフになっている場合、この値は常にゼロです。

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

jquery - ヘッダーが修正されたJQueryページスクロールの問題

以下のコードを使用してリンクがクリックされたときに、JQueryの行を使用して、ユーザーをページの右側に誘導しています。

正常に動作しており、ページの正しい位置までスクロールしています。ただし、サイトには固定のナビゲーションバー(高さ:49px、位置:固定;)があり、スクロールするとページの上部に表示されなくなります。この問題は、ページが目的のコンテンツまでスクロールダウンした後も、ナビゲーションバーの下をスクロールし続けて、ページが見えなくなるときに発生します。

私の質問は、ナビゲーションバーを補正するために上記のコードをどのように変更できますか?

どんな助けでも大歓迎です、

リンドン

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

javascript - jQuery scrollTop/scrollTo ぼかし?

とにかくこれがどのように機能するかはわかりません。

ユーザーがスクロールしたときに、スクロールバーをクリックして目的地までスクロールした後、関数などを実行できるようにしたいのです。スクロールしているときに関数を実行していません。

それが理にかなっているかどうかはわかりませんが、試みられた回答に感謝します!

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

javascript - 要素のScrollTopを設定するためのクロスブラウザメソッド?

たとえば、div タグの右側にスクロール バーがある div タグがあります。
最後の行で div を表示したいので、次のようにします。

Firefox で最後までスクロールすることはできますが、数字が大きい IE イベントでは成功しません。
簡単なクロスブラウザ スクリプトはありますか (JQuery や大きなフレームワークではありません!)

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

javascript - div内の要素のoffsetTopを計算する方法 - nullを返しますか?

内部にアンカーを含むdiv「コンテンツ」があります。id="one"

現在、外部リンクから onClick イベントを使用して「コンテンツ」をピクセル距離だけスクロールし、ページの残りの部分をジャンプさせずに「1」を表示しており、計画どおりにスムーズに動作します...

offsetTopしかし、「1」の正確な距離を計算し、任意の数値ではなくその距離だけスクロールしたいと思います。

これは私がしようとしているものです:

しかし、topPos は null を返します! 私はこれを乗り越えることができないようです。それが私の Javascript スキルの低さ (おそらく) なのか、それとも私の CSS が数値を提供していないという事実なのかはわかりません。これが重要な場合、私は固定配置を使用していません。誰かが私の明白なエラーを教えてもらえますか? 前もって感謝します。

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

jquery - 関数ScrollTopは一方向でのみ機能します

問題が発生しました。同じ関数を使用して、ScrollTopを使用してウィンドウ内を上に移動したいのですが、「0」または「-=1」が機能しません。理由がわかりますか?アラートを出すと、クラス「monter」は認識されますが、「0」または「-=10」にはなりません。これが私のコードです:

ご協力いただきありがとうございます