0
html
,body
および.wrapper
がheight:100%;
に設定されています...これはさまざまなフルスクリーン機能用です。結果として、常にゼロとして返されるという点でビューポートの位置を取得しようとすると、ノックが発生します。高さが100%に設定されている場合、スクロール位置はゼロを返します
100%の高さを削除すると、予想される結果が返されますが、これは明らかに他の機能を破壊します。
どうすればこの問題を回避できますか?高さを100%に保つ方法はありますか?
function get(){
$('.position').html(
$('html, body, .wrapper').offset().top - $(window).scrollTop()
);
}
get();
$(window).scroll(get);
Htmlの
<html>
<body>
<div class="wrapper">
<div class="position"></div>
</div>
</body>
</html>
のCss
html,
body,
.wrapper {
height:100%;
}
例を挙げてください。 ウィンドウの代わりに.wrapperでスクロールが発生している場合は、.wrapperのscrollTopプロパティを使用できます。 – MisterJ
@MisterJ質問を今すぐ埋めていきます。ちょうど '.wrapper '、' height:100% 'を離そうとすると、期待される数値が返されます。 – Rob
あなたが達成しようとしていることは本当に明確ではありません。あなたの問題の概要を示すデモを作成してください。 – charlietfl