title: JQuery on click or on blur, stop or kill function because of scrolling conflict
body: <p>i am running smooth scrolling by this code: and all works great! my problem is that i have booking script that one of the fields(input) is select time.<br> when you click on the field in will show popup with all the horse of the day.<br> you can see working example <a href="http://amsul.ca/pickadate.js/time.htm" rel="nofollow">here</a> as you can see the timer also using scrolling to allow you choose some hours. the problem is that the timer scrolling not working smooth scrolling function. i tried to kill the scrolling function by this code:</p>
  
  <pre><code>$( "#rtb-time" ).die( "blur", scrolling );
  </code></pre>
  
  <p>but this not working. please advise how to fix this issue </p>
  
  <pre><code>var scrolling = function(){ 
      var $window = $(window);
      var scrollTime = 0.8;
      var scrollDistance = 170;
  
      $window.on("mousewheel DOMMouseScroll", function(event){
  
          event.preventDefault(); 
  
          var delta = event.originalEvent.wheelDelta/120 || -event.originalEvent.detail/3;
          var scrollTop = $window.scrollTop();
          var finalScroll = scrollTop - parseInt(delta*scrollDistance);
  
          TweenMax.to($window, scrollTime, {
              scrollTo : { y: finalScroll, autoKill:true },
                  ease: Power1.easeOut,
                  overwrite: 5                            
              });
  
      });
  };
  scrolling();
  </code></pre>