由于滚动冲突,JQuery在单击或模糊、停止或终止功能时进行查询
JQuery on click or on blur, stop or kill function because of scrolling conflict
我用这段代码运行平滑滚动:一切都很好!我的问题是,我有一个预订脚本,其中一个字段(输入)是选择时间
当您点击中的字段时,将显示弹出窗口,显示当天的所有马匹
您可以在这里看到工作示例,因为您可以看到计时器也使用滚动来选择一些小时。问题是定时器滚动不起平滑滚动功能。我试图用这个代码杀死滚动功能:
$( "#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();
尝试在包装时间选择器的元素上使用event.stopPropagation()。
例如
$(document).on("scoll", ".picker_holder", function(event){
event.stopPropagation();
});
它将阻止滚动事件到达您的"$窗口",并在您滚动时间选择器时阻止它滚动。
相关文章:
- 模糊事件的Javascript测试
- 将事件聚焦/模糊在可编辑内容的元素上
- 当使用Watchify时,Browserify+Babelify Gulp任务没有终止
- Eloquent JavaScript递归示例如何终止为返回1,但仍然输出指数值
- 如何像模糊图像一样模糊iframe
- 奇怪的日期选择器行为,与模糊有关
- 删除对象时终止setInterval
- 角度ui选择标记模糊时丢失文本输入
- 使用react native检测应用程序终止
- 网络工作者突然终止工作
- 为什么我的.blur()代码只处理第二个模糊
- Primefaces编辑器模糊事件
- jQuery模糊时验证文本字段
- 角度指令中的模糊无法正常工作
- 如何通过css模糊除当前悬停之外的所有图像
- 未终止的字符串常量JavaScript
- ContentEditable Div模糊事件
- MVC-模糊事件的远程验证
- 当传递innerHTML和(this.id)时,循环不会终止
- 由于滚动冲突,JQuery在单击或模糊、停止或终止功能时进行查询