Kaydırma çubuğu durumu nasıl kontrol edilir? Zaten en üstte mi yoksa sonunda mı?

Question

Kullanıcı "overflow: auto;" olarak ayarlandığında kaydırma çubuğu gösterilir. ve kullanıcı işleri yukarıdan aşağı doğru kaydırır. Sorun şu ki, kaydırma çubuğu en altta mı yoksa en üstte olduğunda javascript/jquery nasıl kontrol edebilir? Böylece, bu durumu kontrol etmenin herhangi bir yolu/yolu var mı? Teşekkür

Güncelleme: jQuery UI iletişim kullanarak çalışma-Değil

html:

<div class = "dialog" id="dialog" title="Past Issues"></div> 

javascript:

$('#pastIssues').click(function (event) { 
      var issueString = 'product=Headline&year=2012&month=12'; 
      $('.issues,#issuesBox').remove(); 
      var dWidth = $(window).width() * 0.9; 
      var dHeight = $(window).height() * 0.9; 

      $("#dialog").dialog({ 
        height: dHeight, 
        width: dWidth, 
        modal: true, 
        draggable: false, 
        resizable: false, 
      }); 

      get_past_issues(issueString,2012,12,event.type); 
      return false; 
     }); 

Answer 1

HTML:

<div id="mydiv" style="overflow: auto; height: 500px"></div> 

METNİ:

$(document).ready(function() 
{ 
    $("#mydiv").scroll(function() 
    { 
     var div = $(this); 
     if (div[0].scrollHeight - div.scrollTop() == div.height()) 
     { 
      alert("Reached the bottom!"); 
     } 
     else if(div.scrollTop() == 0) 
     { 
      alert("Reached the top!"); 
     } 
    }); 
}); 

Answer 2

onay

if($(window).scrollTop() == 0 || $(window).scrollTop() == $(document).height()- $(window).height()) { 
    // do something 
}