Высота прокрученного содержимого с использованием jQuery

Question

Overflow установлен в auto для div. Как я могу получить высоту div, которая прокручивается вверх и теперь не видна с помощью jQuery. Также как я могу получить высоту только видимой части div.

$(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 + "%"); 
     } 


    }); 

Answer 1

Использование свойства scrollTop() элемента; это высота от абсолютного верха элемента до его видимой вершины.