2016-11-22 128 views
-2

對於div,溢出設置爲自動。我如何獲得向上滾動的div部分的高度,現在使用jQuery不可見。另外我怎樣才能得到div的可見部分的高度。使用jquery滾動的內容高度

$(window).scroll(function() { 

     // calculate the percentage the user has scrolled down the page 
     var scrollwin = $(window).scrollTop(); 
     var scrollArticle = $('.main').scrollTop(); 
     var articleheight = $('.main').outerHeight(true); 
     var windowWidth = $(window).width(); 
     if (scrollwin >= $('.main').offset().top) { 
      if (scrollwin <= ($('.main').offset().top + articleheight)) { 
//I want this percentage to be calculated on current visible portion of div plus above scrolled portion that is not visible. ScrollArticle is giving 0 value. 
       $('.bar-long').css('width', ((scrollArticle + $(window).height())/articleheight) * 100 + "%"); 
      } else { 
       $('.bar-long').css('width', "100%"); 
      } 
     } else { 
      $('.bar-long').css('width',($(window).height()/articleheight) * 100 + "%"); 
     } 


    }); 

回答

0

使用元素的scrollTop()屬性;這是從元素的絕對頂部到頂部可見的高度。

+0

我試過$('。idOfDiv')。scrollTop()。這是給0值。 –

+0

如果您需要深入的幫助,您需要編輯您的問題以包含您的代碼。沒有看到你有什麼,我無法幫助你 –