大家好 小弟正在自學做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