2017-08-02 7 views
0

html,bodyおよび.wrapperheight: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%; 
} 
+1

例を挙げてください。 ウィンドウの代わりに.wrapperでスクロールが発生している場合は、.wrapperのscrollTopプロパティを使用できます。 – MisterJ

+0

@MisterJ質問を今すぐ埋めていきます。ちょうど '.wrapper '、' height:100% 'を離そうとすると、期待される数値が返されます。 – Rob

+1

あなたが達成しようとしていることは本当に明確ではありません。あなたの問題の概要を示すデモを作成してください。 – charlietfl

答えて

2

htmlbody.wrapperwindowためscrollTopスプライトは常になり今度は、100%の高さであるので、0

代わりにscroを使うこともできます.wrapperコンポーネントのllTop

関連する問題