title: jQuery Scroll After Focus
body: <p>Can someone help me?</p>
  
  <p>code before :</p>
  
  <pre><code>return $(window).scroll(function() {
    angular.element(":focus").blur();
    return angular.element("div.datepicker.datepicker-dropdown.dropdown-menu").hide();
  });
  </code></pre>
  
  <p>code I make :</p>
  
  <pre><code>$(startDateEl).on('click', function(){
    $("div.datepicker.datepicker-dropdown.dropdown-menu").focusin().on('scroll', function(){
      $("div.datepicker.datepicker-dropdown.dropdown-menu").hide();
    });
  });
  </code></pre>
  
  <p>The problem is when in phone scroll it hide keyboard because it using window.
  this using directive angular and custom date. after to next page this windows scroll event function always active, and then I refactor the code what I want to question is how to make this run sequential after .focus() to datepicker and then the .scroll() function active to hide datepicker</p>
  
  <p>or how to .scroll() without using target element window?</p>