問題タブ [scrolltop]

「一番上に移動する」ことを目的として、ページ全体にいくつかのリンクがあります。これは、素敵なアニメーションでページを一番上までスクロールすることで実現されます。たとえば、ページがスクロールしているときに、ユーザーが下にスクロールしたい場合があることに気づきましたが、これは不可能です。画面は途切れますが、上部に到達するまでアニメーションを続けます。

ユーザーがスクロールしようとした場合にアニメーションを停止したいので、次のコードを記述しました。

このコードは問題があります。animate（）はスクロールとしてカウントされるため、停止する前にほんの少しだけ移動します。

オプションとしてキーダウンも試しましたが、マウスのスクロールがキーとして登録されません。

animate（）ではなく、ユーザーがスクロールしたときにスクロール関数を呼び出す方法はありますか？

それぞれの矢印の上にカーソルを置いたときに、div を上下にスクロールしようとしています。また、ボタンがクリックされたときに div を下にジャンプできるようにしたいと考えています (スクロール バーをドラッグするのではなく、ウィンドウのスクロール矢印をクリックすると考えてください)。

スクロールは動きますが、ジャンプは動きません。scrollTop() は 0 を返し続けます。

コードは次のとおりです。

ジャンプ部分を機能させるにはどうすればよいですか？

例
何よりもまず、私のコードと問題は次のとおりです。http:
//www.nathanstpierre.com/MBX/showoff.html

問題
だから私が見ているのは、左側のボタンをクリックすると、ウィンドウが適切な見出しにスクロールするということです。Firefox以外のすべてのブラウザ（... IE gaspを含む）では、これは非常にスムーズです。ただし、ウィンドウの高さを低くすると、すべてのコンピューターでスムーズになります。私はすでに複数のコンピューターとIE7-8、Google Chrome、Safari、Firefox3.5でこれを試しました。ページ上のグラフィックと色をすべて削除したので、それらは問題ではありません。私はあなたに続くサイドバーを取り除きました、それはそうではありません。

理論
jQueryイージングプラグインは、移動する必要のある距離を計算し、指定された期間の単位ごとに移動する必要のあるピクセル数を分割すると思います（たとえば、30ミリ秒で300ピクセル、つまり10px / ms） 。他のすべてのブラウザはこれをスムーズに移行できるようですが、ウィンドウスクロールイベントによって提供される粒度が、Firefoxがこれをスムーズに表示するのに十分に圧縮されていない可能性がありますか？または、間違ったイージングプラグインまたは間違った設定を使用している可能性があります。

コード

ロジック

sidenavonClickの各タグにイベントリスナーを追加します。これにより、そのリンクのhref属性と同じIDを持つドキュメント内の要素のoffset（）。topが取得され、現在のscrollTopからその要素のoffset（）。topにアニメーション化されます。ロジックはしっかりしていて、Firefoxを除くすべてのブラウザでスムーズに動作します...私が知る限りです。

罪状認否

私は何が間違っているのですか？これはバグですか？

ありがとう！

更新

良心的にここに提示された答えのいずれかを選択することはできません。それらのどれも実際に問題の解決策を与えていないので、これをフォローしている場合は、お気に入りを選んでください。賞金は最も高いものに行きます。投票。

この問題は、Firefoxがa）透明度をレンダリングし、b）スクロールイベントを処理する方法にあるようです。十分なプロセッサパワーがあれば、これは問題にならない可能性がありますが、私を悲しませているのは、IE（すべてのブラウザの）が劣ったハードウェアでこれをうまくレンダリングできることです。私はこの問題についてMozillaにアプローチし、彼らがそれについて何か言うことがあるかどうかを確認します。

追加の教育のために、以下が無料で提供されます。

透明性あり透明性
なし透明性なし

編集：それで質問は答えられました、しかし今私はそれを選ぶことができません。誰もがそれで何が起こっているのか知っていますか？

最終更新 彼らが私に恩恵を取り戻すのに十分な時間が経過したので、私は正しい答えを選びました。ボックスシャドウやその他のいくつかの効果により、Firefoxでのレンダリング方法が原因でスクロールの問題が発生するようです。FF 4.0 +はこれをより適切に処理しますが、一部のコンピューターにはまだ問題があります。これは、CSS3を実装している人々にとって素晴らしい注意点です。すべてのブラウザーで相互作用をテストし、パフォーマンスコストが正当であるかどうかを確認してください。

div内にグリッドビューがあります。jqueryを使用して、divの下部からdivの上部にスクロールしたい..任意の提案..

私のグリッドビューには、カスタムページネーションで生成されたリンクボタンが含まれます...リンクボタンの下部からdivの上部までスクロールします...

JavaScript の代わりに、jquery 関数を呼び出します...任意の提案...

編集：

ユーザーページごとのStackoverflowの質問とまったく同じです...ページ番号を変更すると、スムーズな効果で一番上にスクロールします...私はそれを達成したいです...

私はページの取得方法を知ってscrollTopいます、私はこの単純なJS関数（コードをコピーしたもの）を使用します：

これは機能し、私の問題は次のとおりです。ページのonloadイベントに追加しようとしました

ページの読み込み時にゼロになりますが（これは理にかなっています）、問題は、ページをスクロールしてからスクロールバーに触れずにページを再読み込みしてもゼロになることです。

ブラウザが行うようです：

1. ページを読み込む
2. 私に電話しますGetScrolledTop()（明らかにゼロを示しています）
3. 次に、ページを前の場所にスクロールします。

scolledTopステップ3の後に取得する方法を知っていますか？scrolledTop ブラウザがページをスクロールした後に取得する方法を意味しますか？ （たぶんタイマーを使わずに）

私は次のマークアップを持っています：

JQueryを使用して新しいlistitemを追加しています。非表示になっている場合に表示する（divをスクロールする）にはどうすればよいですか？

試しましUL.scrollTop(nuLI.top);たが、うまくいきませんでした。

ユーザーがページをクリックしている場所に応じて、Jqueryを使用して絶対DIVを配置しようとしています。

現時点では、これは非常にうまく機能します

これにより、マウスが画面をクリックした場所に要素が正確に配置されます...

下にスクロールするまではそうです。そのため、ページの上部からのピクセル数を考慮に入れたものを実現しようとしています。こんな感じで…

トリックを行うでしょう、残念ながらそれは機能しません。

ヒントはありますか？

ありがとう、

ティム

高さ：100pxとオーバーフロー：オートのdivがあり、コンテンツは動的です。

一番下のdivをスクロールしたい

私は試してみました

ただし、コンテンツが 100px より大きい場合 $("#chat_content").height() は 100 を返し、div は下部にスクロールされません

どのようにできるのか？

ありがとう

ユーザーがページをスクロールしたときに、DOMの4つのオブジェクトを移動したいと思います。

あなたは私が話しているページをこのアドレスでチェックすることができます：
http ：//www.tessuti-arredo.it/new/chi_siamo/rassegna/

ユーザーがスクロールすると- $（window）.scroll（function（）を使用しています-一部のオブジェクトを移動するためにwindow.scrollTopが10ピクセルを超えているかどうかを確認します。これは正常に機能しているようですが、ELSEステートメント（i scrollTopが10ピクセル未満の場合を意味します）-そしてこれらのオブジェクトは元の位置に戻る必要があります-特に私が移動する4つのオブジェクトのうちの2つ（クラスを呼び出して一緒に移動する2つの固定オブジェクト）で奇妙な動作をします。

私の貧弱な英語で説明するのは少し難しいかもしれませんが、私が上に投稿したアドレスを見ると非常に理解しやすいので、ページをスクロールしてみてください。

移動したいオブジェクトは次のとおりです。-リンク（a）#header div = $（ "＃header h1 a"）内に含まれるオブジェクト-id = $（ "＃sidebar"）で呼び出される左側のサイドバーメニュー-および2つの固定div、メインの水平メニューとその背景、クラスによって呼び出される= $（ "。moveMenu"）

最後に重要なことの1つは、Firefoxでは問題ないようですが、他のすべてのブラウザーでは、コードにエラーがあるように見える可変遅延があります。

私のコードについて言えば、ここにあります：

私はいくつかの空のコールバックがあることを知っています、私はそれを何かで満たす準備ができているようにそれらを保持しました、私はそれらを削除しようとしました、何も変更されません。

私が試したもう1つのことは、クラスではなく特定のIDで2つの遅延オブジェクトを呼び出すことですが、何も改善されていません...

私はあなたが私のコーディングにいくつかのエラーを見つけることを本当に望んでいます、私は私がそれほど良くないことを知っています。

私のコードでは、4 つの画像をスクロールする div を取得できますが、コードを見ると、別の画像にスクロールするには「.next」を追加し続ける必要があります。jquery でスクロールする画像の量を決定したくありません。jquery が div を調べ続けて、すべての画像をスクロールしてから、一番上に戻るようにします。私のコードを見てください。マルチ KB プラグインと比較して、数行のコードでやりたいことをほぼ達成できたので、別のプラグインを使用したくありません。

ps: 「-165px」が必要な理由はわかりませんが、画像から画像へスクロールするときにすべてが完全に整列します。

Jクエリ:

Jクエリ:

何か案は？