問題タブ [scrolltop]

ユーザーが5つの数字、1〜5のメニューを表示する機能を作成しようとしています。1=最も遅い、5 =最も速い、誰かがこれらの数字の1つをクリックすると、ページが自動的にスクロールし始め、人はページをスクロールする必要はありません。私が抱えている問題は、その人がまだマウスホイールにアクセスできるようにしたいということですが、ページのアニメーション中にマウスホイールを使用すると、ページが下に移動し、その後、元の場所に戻ります。アニメーションは続行されますが、下にスクロールしたり上に戻ったりして、マウスホイールでスクロールした新しい位置からアニメーションを作成することはできません。今私はそれを持っているので、スクロール中にページをクリックすると停止しますが、それを最終的なスクリプトに含めていません、何か助けはありますか？ありがとう！

次のjqueryコードを使用して、ページの特定の位置まで垂直方向にスクロールしています。これはすべてのブラウザで完全に機能し、水平方向のスクロール位置には影響しませんが、iPhone（モバイルサファリ）で試してみると、正しい場所に垂直方向にスクロールするだけでなく、水平方向に左端までスクロールします。同様に、scrollleftを使用すると、水平方向に正しい場所に移動しますが、ページの上部に戻ります。それは他のすべてでうまく機能し、私はどこにもこの問題への言及を見つけることができません、私が困惑しているのでこれに遭遇した誰かが私を助けることができれば私は非常に感謝します！私は次々に（スクロール左、次にスクロール右）行うことさえできません。最後に行った方が、前のスクロール位置で設定されたスクロール位置をキャンセルするからです。

どうもありがとうございました！

デイブ

質問の最後にリンクしたページに移動すると、スタックオーバーフローのメインページに移動しますが、ブラウザはページの上部を表示しません。要素を探して、#h-recent-badgesその要素の位置でページの表示を開始します.

誰かが記事の下部にあるコメントの 1 つへのリンクを使用して私のサイトにアクセスした場合、ページの上部からその人を開始し、#ID までスクロールダウンするようにすることは可能ですか? #ID? に表示されるだけでなく、

ページでアンカーリンクがクリックされたときにページを #ID にスクロールさせることができますが、要素 #ID へのリンクを使用して誰かが Google から来たときについて話しています。

https://stackoverflow.com/#h-recent-バッジ

何度も使える関数を作ろうとしています。リンクがH2であるページ上のIDを指している場合、+ 10pxのオフセットでターゲットにスクロールし、矢印を数回フェードインおよびフェードアウトするように設定しました。ただし、リンクが#footer要素を指している場合は、ページを下にスクロールし、ターゲットに到達すると、背景色を青から水色に数回変更してから、青に戻します。

これで関数を作成する最も効率的な方法は何でしょうか？だから私はコードを繰り返し続けませんか？

上記の私のコードのいくつかを使用して、このようなものだと思います...：

ifTargetIsThis =#foot_Wrapper

yOffset =- $(window).height() + 139

速度=1500

明らかに、この関数を作成するのに助けが必要です。または、上記の私の小さな例よりも効率的にすることができると思われる場合は、共有してください。

現在の画面位置から設定されたピクセル数までスクロールをアニメーション化する必要があります。

また？

ページを現在の場所から 100 ピクセル下にアニメーション化するにはどうすればよいですか?

私のコードは動作しません:

このように、ページを特定の要素にスクロールせずに、代わりにウィンドウの現在の位置から 100px スクロールします。

指定されたdivのzIndexを（同じ値にでも）変更すると、scrollTopプロパティがリセットされ、スクロールして開始します。これは私のサイトに非常に醜い効果を引き起こします（再描画中のdiv全体の速度低下と黒い長方形）。scrollTopをリセットした後、元に戻すことができますが、これによりさらに別の醜い再描画が発生します。

このFFバグは私を怒らせています！私はmozillahttps://bugzilla.mozilla.org/show_bug.cgi ?id= 623937でバグを提出しましたが、彼らはそれに取り組む気がありません！誰かがJavaScriptの魔法でこの問題を回避する方法を知っているなら、お願いします。たぶん、HTMLElementプロトタイプを試して、scrollTopをなんとかオーバーライドしますか？

ここに小さなテストケースがあります」

Safari の scrollTop() に本当に奇妙なバグがあります。

ここにあります：http: //miceclub.ru/（地図上のグラウンドリスト）。

jquery scrollTop() 関数とマウスホイール プラグインを使用しています。

私が使う：$('.groundsListElements').scrollTop(currScrollTop);

グラフをチェックしました (X の currScrollTop と Y の時間) - 大丈夫です..

誰も同じ問題を抱えていますか？

ここに問題のビデオがあります。

クライアント側でjQueryを使用してログ「tail -f」アプリケーションを作成しています。現在、アプリケーションは 2 秒ごとにサーバーに AJAX リクエストを送信し、新しいログ コンテンツをページ上の既存の<PRE>タグに追加することで機能します (この投稿に触発されました)。これはすべて美しく機能しています。

私の問題は、新しいコンテンツがページに追加されますが、すぐには表示されないことです。つまり、新しいログ メッセージはすべてスクロール バーを押し上げるだけです。

すべてのコンテンツがリアルタイムで表示されるように、スクロールバーをページの下部に「ロック」したままにしたいと思います。私は当初、jScrollPane を使用してスクロールバーを下部に「ロック」することを検討していましたが、ページの下部にフォーカスを維持する簡単な方法があるのではないかと考えています...