как я могу получить scrollTop "переполнения: авто" на jquery

Question

html:

<div class="div1" id="div1">
  <section>
    <p>1</p>
  </section>
</div>

CSS:

.div1 {   height: 100;  overflow: auto; }

я пробую это jquery:

 $("#div1").scroll(function(){
            console.log($("#div1").scrollTop())});

как я могу получить scrollTop из div1?