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

html - 小さなmce3.4.3.1のiframeでscrollTopを取得するにはどうすればよいですか?

tiny_mce_3_2_2を使用する場合。iframeのスクロールトップをちっぽけに取得できません

tiny_mce_3_4_3_1に更新したとき、IE(7,8,9)でscrollTopを取得するときに問題が発生しましたが、ChromeとFFでは正常に動作します。

この問題の修復にご協力ください。

0 投票する
4 に答える
5001 参照

jquery - スライドダウン後に上にスクロール

小さなjqueryの折りたたみ/展開スクリプトを作成しました

http://jsfiddle.net/goldie/QFL49/ (私が作成しなかったため、html / cssコードに注意を払わないでください)

展開されたdivを作成して、ページの一番上までスクロールするにはどうすればよいですか?助けてくれてありがとう。

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

jquery - jquery scrolltopアニメーションはクリックすると反転しますが、スムーズにスクロールします

私はこの機能を設定しました:

それはうまく機能しますが、オンラインでクリックすると、最初に数ピクセルのようにジャンプし、次にスムーズに上にスクロールします。

本文にもラッパーにもマージンやパディングはありません。私が対象としている div は、ページの最初の要素であり、ラッパーの一番下と外側から開始する要素です。

最初の小さなフリップはどうですか?

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

getelementbyid - IDによるdivのスクロール

この構造の HTML ページがあります。

ScrollCalendar 関数は、20110701、20110702、20110703 のような div ID にスクロールする必要があります。

上記の関数では、変数 calrow で取得される div ID が正しく決定されます。ただし、このコードでは、div (scrollBoxYe) をスクロールするための正しいオフセット (offscroll) が得られません。これらは私の質問です:

  1. calrow が正しければ (20110701 と表示されます)。getelementby ID は要素を取得するために calrow を文字列 ID として解釈しますか? 最初に calrow を文字列にする必要がありますか? それを行うための正しい機能は何ですか?
  2. すべてのページ情報が 1 つのドキュメントにある場合、window.parent.document で要素を検索するのは間違っていますか? コードは代わりに document.getElementbyID("scrollBoxYe").scrollTop と言うべきですか?
  3. 変数calrowでscrollBoxYeをスクロールするより良い方法はありますか?

ありがとう。

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

javascript - jqueryを使用したchromeのscrolltoとscrolltopの問題

scrollTo(y,x) と scrollTop(x-pos) の両方を使用してみました。括弧内の値は、個々の DOM 要素の offset.top 値です。これらは最初はすべてのブラウザーで機能するように見えますが、Chrome を更新してフォームの送信を再送信すると、ページが本来あるべき場所に一瞬ジャンプしてから、トップに戻ります。これは、ページを更新する前にスクロールしてページの上部に戻ると発生します。Chrome はある種のセッション変数を保存するか、更新時にページの位置を追跡して、更新がクリックされたときにページが最後に表示された画面の部分にフォーカスするようにしますか? もしそうなら、Chrome からのそのような反応を防ぐ方法はありますか? Chrome がページの読み込みに反応するまで、scrolltop または scrollto (前述のとおり、両方を試しました) が待機することを期待して、setTimeout を追加しようとしましたが、結果は変わりません。

「body」、「html」、セレクター ラッパー、ウィンドウ、スクリーン、およびこれらの組み合わせを試しましたが、変化はありません。また、regbox.top の値を警告し、常に 699 の値を取得しているので、正しい値が渡されていることがわかります。伝播を停止するか、デフォルトを防止する必要がありますか? もしそうなら、どこで? Firefox と IE の両方が正しく応答します。Chrome は、Mac と PC の両方にありません。

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

jquery - jQuery.loadコールバック/スクロール/CSSオーバーフロー

私は非常に単純なjQueryベースのチャットルームに取り組んでいます(入門ワークショップで使用されます)。現在のチャットは、400pxの高さとオーバーフロー自動に設定されたdivに表示されます。

jQueryの「ロード」関数は、データベースからHTML形式のチャットを取得し、それらをdivに配置するために使用されます。

チャットdivが常に一番下までスクロールされるようにする非常に単純なコードがあります。このコードは、load関数の完了コールバック機能を使用して呼び出されるscrollToBottomという名前の関数にあります。

loadステートメントはgetChatと呼ばれる関数内にあります。この関数は、ページの準備ができたときに呼び出され、その後1秒に1回呼び出されます。関連するコードのチャンクは次のとおりです。

問題: getChatが初めて呼び出されたときに、divが一番下までスクロールしません。後続の呼び出し(setInterval経由)では、スクロールは正常に機能します。

これが私がこれまでに知っている/行ったことです:

コールバックは最初に呼び出されますが、scrollHeightにアラートを送信したとき、最初は「400」で、その後は「441」でした(つまり、divサイズよりも大きいコンテンツがある場合のはずです)。

441の高コンテンツのscrollTop値400は、関係なく下にスクロールする必要がありますが、scrollToBottomにハード値400を入力すると、問題が解決しません。これにより、問題はロードコールバックではなくCSS/スクロールに関連していると思います。

チャットdivは最初は空ですが、nbspまたは1文字を含めるように変更しても、問題は解決しませんでした。DIDのスクロールを要求するのに十分なハードコードされたコンテンツでdivを開始させると、問題が解決します。

この段階では、scrollTopが機能するためには、スクロールバーが表示/アクティブである必要があるようです...しかし、最初に機能しない理由は説明されていません-コールバックはコンテンツの後に発生することを意図しているためですロードされました(したがって、スクロールバーが表示/アクティブになっている必要があります)...

さらに奇妙なことに、コールバック関数が匿名のインライン関数である場合は正常に機能します...

このバージョンは、最初とそれ以降のすべての時間で正常に動作します...

誰かがこの状況に光を当てることができますか?ありがとう、グレッグ

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

jquery - scrollTop は下にスクロールするだけです

div を一番上までスクロールしようとしていますが、何らかの理由で機能しません。

このコードは機能し、ラッパー内の div の一番下までスクロールします。

このコードは、Ariel Flesler の jQuery.ScrollTo プラグインを使用すると機能します。

しかし、最初のコードを要素に設定しようとし.offset().topたり、2 番目のコードを'-=100px'代わりに設定しようとすると'+=100px'、機能せず、何もしません...

何が原因でしょうか?

[更新: コードをより適切に使用できるようになったようですが、JQtouch アプリケーションで動作させるにはまだ運が悪いため、関連するコードをここに投稿しました]

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

javascript - 「コンソールルック」の改行を含むjavascriptscrollTopループ

ある期間の後にquotesと呼ばれる行をdivに投稿する配列があります。ここで、divを行を追加するたびに一番下までスクロールしたいのですが、問題が発生しています。それが何かを変えるなら、私はFirefoxを使っています。

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

javascript - スクロール位置に基づいて特定の DIV をフェードインおよびフェードアウトする

私が抱えている基本的な問題は、ページ上のユーザーの現在の垂直位置に基づいて、特定の div をフェードインおよびフェードアウトしたいということです。ページの上部に戻ったときにフェードアウトするように、下にスクロールするときに最初の div をフェードインするのは簡単です。私は、それぞれの制限を確立するために、スクロールトップよりも大きいJavaScriptを使用する必要があると推測しています。

これまで私が使用してきたJavaScriptは次のとおりです。

私がやろうとしていることを正確に確立するための私のサイトは次のとおりです。

http://luke-keller.com/test2/

フェードインする小さな灰色のボックスにプロジェクトの説明が含まれていることがわかります。ここで、スクロール位置などに基づいて古いコンテンツをフェードアウトし、新しいコンテンツをフェードインする必要があります。

ありがとう!

PS - 追加の HTML

注:プロジェクトの説明、つまりフェードインとフェードアウトを行うボックスは、違いが生じる場合、固定位置の要素です。

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

facebook-javascript-sdk - FB.Canvas.getPageInfo().scrollTop プロパティが間違った (古い) 値を返す

この男と同じ問題を抱えている:

こんにちは仲間

数時間後、最初にアクセスしたときに FB.Canvas.getPageInfo().scrollTop プロパティが間違った (古い) 値を返します。初回アクセス後にスクロールしていない場合、再度 FB.Canvas.getPageInfo().scrollTop にアクセスすると正しい値を返すようです。

テストケース: https://apps.facebook.com/scrolltop-bug/

Kilian 最終編集者 KilianSSL (2011-08-17 14:18:16)