2014-10-16 73 views
0

我正在運行此代碼的平滑滾動:並且所有的工作都很棒!我的問題是,我有預訂腳本,其中一個字段(輸入)是選擇時間。
當你點擊字段將顯示與當天所有的馬匹彈出。
你可以看到工作示例here,因爲你可以看到計時器也使用滾動來讓你選擇幾個小時。問題是定時器滾動功能不能正常工作。我試圖用此代碼殺死滾動功能:JQuery點擊或模糊,因滾動衝突而停止或殺死函數

$("#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(); 

回答

0

嘗試在包裝時間選取器的元素上使用event.stopPropagation()。

例如

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

這將阻止滾動事件到達你的「$窗口」,並從滾動停止滾動時的時間選擇器。

+0

嗨@Sandhje Bouw它沒有幫助。 – 2014-10-16 22:12:22