問題タブ [scrolltop]

WebページにSELECT要素があり、一番下までスクロールしてロードしたいと思います。ほとんどのブラウザでは、これを行うことができます：

範囲外scrollHeightですが、ブラウザはそれを理解し、適切に制限します。GoogleChromeを除く。バグレポートを提出することはできますが、それでは当面の問題は解決しません。だから私はこれを試しました：

しかし、それはあまりにも多くを差し引きました-要素の下部の下にアイテムがありました。私も引き算を試みoffsetHeightましたが、それは少しひどいものでした。

scrollTopChromeで動作するように、適切にインバウンドであるを適切に計算するブラウザに依存しない方法を知っている人はいますか？

ところで、私はstackoverflowでこの質問を見つけました： 要素のScrollTopを設定するためのクロスブラウザメソッド？。おそらくそれはDIVに対しては機能しますが、SELECT要素に対しては機能しないかChromeでは機能しません。

ありがとう！

更新：問題を示すHTMLページは次のとおりです。

これをChromeで表示すると、最後のオプション「lastone」はほとんど下部が切り取られています。class="fields9"しかし、属性を削除すると、問題は解決します。

この関数を使用して、目的のコンテナーまでスクロールします。

次のように使用すると問題が発生します。

href="#"は body をページの先頭にスクロールするためです。

これを防ぐ方法はありますか？

この関数は正常に機能します。本体を目的のコンテナのオフセットまでスクロールします

しかし、Firefoxではありません。なんで？

-編集-

受け入れられた回答でdedoubleトリガーを処理するには、アニメーションの前に要素を停止することをお勧めします。

.scrollTop（）に問題があります

アンロード時にセッション内の現在のscrollTop（）の位置を保存するページがあります。私の目標は、このページに戻ると、最後のscrollTopの位置までページがスクロールすることです。

私のJSコードは単純です：

ブラウザのコンソールに表示されます：

わかりました。私のページは正確な最後の位置でスクロールされます。

この問題には、scrollto変数の大きな値が伴います。これは私がコンソールに持っているものです：

要求された位置でスクロールしない理由がわかりません

私もこれを試しました：

そして結果：

他の情報 ：

• ChromeとSafariでも同じ結果が得られます。
• 私が話しているページにはたくさんの画像が含まれているので、完全に読み込まれるまでに少し時間がかかります。

助けていただければ幸いです。

ありがとうございました。

ここでやろうとしていることの単純なバージョンを再作成しました (jsFiddle)

ヘッダーはそのままの位置に留まる必要があり、下にスクロールすると、ヘッダー div をクリックすると、上にスクロールして戻ります。ただし、入力に集中するか、「ロゴ」をクリックすると、スクロールはそのままの位置に留まります。

私が試した最初の方法では、jQuery を使用し.cssて入力/ロゴz-indexをヘッダーよりも高く設定し、現在のスクロールを取得してその位置に保持します。

この種の機能は機能しますが、入力またはロゴをクリックすると、ヘッダー スクロールが機能しなくなります。

また、ロゴ/入力 jQuery を.animate低速に変更しようとしましたが、設定していなくても、数秒間静的なままになり、上部にスクロールします。これが2番目の例です - jsFiddle

ただし、2 番目の例で実行しても、他の関数の動作は停止しません。

私が見逃しているこの動作の理由はありますか?

スムーズに上にスクロールするシンプルなスクロールボタンを作成しようとしましたが、これでうまくいくと思いました。

今のところ、ページを一番上に向けて発射するだけなので、遅延が機能していないだけで、少なくともある程度は正しく機能しています。私はjQuery/Javascriptの専門家ではないので、よくわかりません。

ここで使用中を見ることができます：http://jsfiddle.net/JamesKyle/8H7hR/101/

下にスクロールするとフェードインするscrollToTopボタンを作成する単純なjQuery関数を作成しようとしています。

実際の動作はこちら: http://jsfiddle.net/JamesKyle/fBvGH/

最近、ユーザーがページをどれだけ下にスクロールするかに応じて、2 つのボックスをアニメーション化する jQuery を Web サイトに含めました。

どちらもページの上部から表示されるため、ページが最初にロードされたときには表示されません (負のマージン - トップ番号)。

コードは以下にありますが、ここで JSFiddleも確認できます。

JavaScript

HTML

CSS

これは、すべてのブラウザーのすべての最新バージョンでうまく機能するように見えますが、IE8 以下ではまったく機能しません (驚くことではありません)。ユーザーがスクロールしてもボックスはアニメーション化されないため、画面に表示されません。

これをIE8で動作させるのを手伝ってくれる人はいますか? そしておそらくIE7？

次のコードを使用して、下にスクロールしたときにdivの位置を固定します（ウィンドウ内にとどまるようにします）。それは完全に正常に動作しますが、IE7ではエラーが発生します：offset().top is null or not an object.

グーグル私はこれを見つけました（Earl Jenkinsによる一番下の投稿を参照）http://api.jquery.com/offset/ 彼はこの特定のエラーを解決します。しかし、私がそうであるように、jQueryとjavascriptの初心者は、この修正を実装する方法がわかりません。彼の投稿では固定値（100）を使用していますが、上記のコードでは使用していません。

私はこれを行うことによって修正しようとしました：

しかし、それはトリックを行いません。ご協力いただきありがとうございます！

クリックしてページのセクションにスクロールする固定ナビゲーションがあり、ナビゲーションがその時点でアクティブなクラスを示しているチュートリアルを知っている人はいますか?

これに似ていますが、ナビゲーションが上部に固定されています..

http://tympanus.net/Tutorials/WebsiteScrolling/index_vertical.html

アクティブなクラスをナビゲーションに追加してから、何らかの方法でjqueryにクリック時に追加するように指示するだけですか?

過去にチュートリアルを見たことがありますが、見つかりません:(

助けてくれてありがとう:)