JQuery点击或模糊，因滚动冲突而停止或杀死函数

Question

我正在运行此代码的平滑滚动：并且所有的工作都很棒！我的问题是，我有预订脚本，其中一个字段（输入）是选择时间。
当你点击字段将显示与当天所有的马匹弹出。
你可以看到工作示例here，因为你可以看到计时器也使用滚动来让你选择几个小时。问题是定时器滚动功能不能正常工作。我试图用此代码杀死滚动功能：

$("#rtb-time").die("blur", scrolling); 

但这不起作用。请告知如何解决此问题

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(); 

Answer 1

尝试在包装时间选取器的元素上使用event.stopPropagation（）。

例如

$(document).on("scoll", ".picker_holder", function(event){ 
    event.stopPropagation(); 
}); 

这将阻止滚动事件到达你的“$窗口”，并从滚动停止滚动时的时间选择器。