高度設置爲100時滾動位置返回零

我得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%; 
}

2017-08-02 Rob

你能提供一個例子嗎？如果滾動發生在您的.wrapper而不是窗口中，那麼您可以使用.wrapper的scrollTop屬性 – MisterJ

@MisterJ我現在將問題填充出來......當我使用'.wrapper時它仍然返回零'，只要我脫掉身高：100％，它就會返回預期的數字。 – Rob

真的不清楚你想要完成什麼。創建一個概述您的問題的演示 – charlietfl

由於html，body和.wrapper是100％的高度，又將scrollTop的爲window將始終爲0

雖然你可以改用scro請撥打.wrapper組件。

2017-08-02 14:54:37 MisterJ

回答