に0を返し、私はそれがロードを完了したと私はこのコードを使用していた後、ページがスクロールされたかどうかを確認します。どうしてこれなの?scrollTopスプライトは()クロム
答えて
$(window).scrollTop()
は、ウィンドウがスクロール可能でない場合は0
を返します。
ページの下部にテキストとリンクがあるページで、次のコードを試してみてください。あなたはそれが間オフセット、ページがスクロールされていないため、0を得るためにあなたの場合には正常であり、私のボタン
$(document).ready(function() {
alert($(window).scrollTop()); // first load if you did not scroll = 0
$("#button").click(function() { alert($(window).scrollTop()); });
// hitting the button that is located on bottom of page
// - i had to scroll the page = xxx (68 in may case)
});
が表示されるまでページのスクロールを行うために十分なテキストや空白行を持っていることを忘れないでくださいあなたの位置とページの上部は0です。
私はChrome、FF6、IE9で試しました。 私は助けてくれることを願っています。
.scrollTop )問題ではありません..もしあなたがページを下にスクロールし、リフレッシュすると。ページはポイントuからスクロールして(プレリフレッシュ)..それは私が知りたいと思う位置です。 FFでこれを行うと、corect値が出力されます。 Chrome 14.0では0を返します。 –
実際、FirefoxはdomReadyまたはwindow.onloadの$(window).scrollTop()に対して0を返さない唯一のブラウザです。クロム、SafariやIE domReady上のスクロールバーの正しい位置を取得するための唯一の安全な方法0すべてのリターンは、上記の他の回答で述べたように、ある、以下のようにウィンドウのスクロールイベントのイベントハンドラを設定するには:
$(document).ready(function(){
$(window).scroll(function() {
console.log($(window).scrollTop());
$(window).unbind('scroll');
});
});
私は本当に人々があなたの答えをダウン投票した理由を理解していません。これは本当に機能します。さらに、Chromeがスクロールイベントを2回発生させることがわかりました。最初は通常のページ読み込み時であり、前の位置にスクロールする場合は2回目です(たとえば、ページを読み込むためにF5を押した後)。 – Fleshgrinder
クロムは、DOMがロードされると、事前リフレッシュスクロール位置を復元します。したがって、準備完了イベントではなくスクロールイベントでscrollTopを取得することができます。
また、私はdocument
上または'html,body'
に、window
でそれを使用するかどうか、scrollTop()
は常にChromeで0を返された問題を抱えていました。私は最終的にCSSが問題だったことが判明:
html, body {
height: 100%;
overflow-x: hidden;
}
あなたは、このコードの一部を削除することができますし、それが再び動作するため、実際には、私は正確な理由を知りません。奇妙なしかし、問題解決;)
ありがとうございました!それは確かに奇妙です! Safariで作業しましたが、クロムには対応していません。これを私のCSSに追加した後、両方のブラウザで動作します。 – bbnn
私は同じ問題を抱えていたが、ドキュメント宣言を追加することにより、固定しまっ:
<!DOCTYPE html>
- 1. イオンscrollTopスプライトは
- 2. scrollTopスプライトとDOCTYPE
- 3. jQueryの:scrollTopスプライト
- 4. window.location.replace scrollTopスプライト
- 5. scrollTopスプライト()は常にここでは0
- 6. scrollTopスプライト値の変更はすぐに
- 7. jqueryのscrollTopスプライトは動作しない場合、HTMLと身体オーバーフローscrollTopスプライト()は動作しない自動
- 8. jQueryのscrollTopスプライト()高精度、高速
- 9. 防止scrollTopスプライト(下)スクロールバーを使用
- 10. scrollTopがクロムで動作しない
- 11. .animate scrollTopスプライト作品ではなく、スムーズに
- 12. ScrollY/scrollTopスプライトはhtmlと体の高さが100%
- 13. scrollTopスプライトが機能していないリアクト
- 14. jQuery animate/scrollTopが機能しない(クロム拡張機能)
- 15. クロム拡張子にSVGスプライトを動的に追加します。
- 16. jQueryのscrollTop()クロムを含むアンドロイドブラウザで奇妙なことをする
- 17. jQueryのは、scrollTopスプライトコンテナ
- 18. scrollTopスプライトは、私は、基本的なJavaScriptのと反応し使用していますJS
- 19. 要素のscrollTopをwindowのscrollTopに設定するには?
- 20. 私は固定されたメニューのためのjQueryのscrollTopスプライトを()を使用しています
- 21. vuejs経路が経路に、コンポーネントA scrollTopスプライトは0、成分BのI経路であるが、同じ
- 22. Jquery Show&ScrollTop(またはScrollTo)
- 23. JQuery ScrollTop IE、Opera
- 24. jQuery scrollTop()for navigation
- 25. .scrollTopが画面
- 26. jQuery scrollTop problems
- 27. 非ローカルドメインのiFrame scrollTop
- 28. jQuery - 高速scrollTopアニメーションスタッター
- 29. ScrollTopバグjquery On chrome
- 30. jQueryのアニメーションscrollTopスプライトプラグイン
状況は何ですか?訪問者が#hashタグであなたのページに来たかどうか確認していますか?または、ドキュメントの読み込みが完了する前に訪問者がスクロールしたかどうか確認していますか?または両方? –
私はビューにスクロールされた要素のアニメーションを実行しています。しかし、もしあなたがページを下にスクロールし、リフレッシュすると。再ロードされたページは自動的に前のスクロールポイントにスクロールされます(プレリフレッシュ)ので、ページの要素がスクロールしてアニメーションが開始されたことを確認するウィンドウのスクロール位置を知りたい場合は –