大家好 小弟正在自学做one page website
日前找到一段颇小巧的js
可以实作出 鼠标滚轮触发 卷动至上/下一个section的换页动画 效果顺利
但我原本有个scroll bar的modal就因此废了
modal弹出时 滚轮会卷背景 modal里的内容却不会动
看起来像是mousewheel冲突到
有没有办法限制说 当modal弹出时disable掉这个滚轮换页动画(保持背景不动)
让里面的scroll bar正常运作
而关掉modal时再enable它
我用$('.modal').on('shown.bs.modal',function(e){})
写了几种判断条件去wrap都没用
请板上高手指点 感恩
附上这个动画的原始码:
$(document).ready(function(){
var delay = false;
$(document).on('mousewheel DOMMouseScroll', function(event) {
event.preventDefault();
if(delay) return;
delay = true;
setTimeout(function(){delay = false},200)
var wd = event.originalEvent.wheelDelta || -event.originalEvent.detail;
var a= document.getElementsByTagName('section');
if(wd < 0) {
for(var i = 0 ; i < a.length ; i++) {
var t = a[i].getClientRects()[0].top;
if(t >= 40) break;
}}
else {
for(var i = a.length-1 ; i >= 0 ; i