Javascript禁用反向滚动

我已经建立了一个页面，其中包含图像的全高度内联块链接-div水平滚动页面-这里是html-

 <section class="banner-cont">


                <a class="banner-block bnr-lad" href="#animatedLadies"><div class="txt"><h3>Ladies Day <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit</span></h3></div><div class="trapper bn1"></div></a>
                <a class="banner-block bnr-g "><div class="txt"><h3>Grand Floral <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit</span></h3></div><div class="trapper bn2"></div></a>
                <a class="banner-block bnr-gala animatedModalGala"><div class="txt"><h3>Gala Evening<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit </span></h3></div><div class="trapper bn3"></div></a>

                <div class="banner-block "><div class="txt"><h3>Show Gardens<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit</span></h3></div><div class="trapper bn5"></div></div>
                <div class="banner-block "><div class="txt"><h3>Food <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit</span></h3></div><div class="trapper bn6"></div></div>
                <div class="banner-block "><div class="txt"><h3>Entertainment <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit </span></h3></div><div class="trapper bn7"></div></div>

              </section>

---

所有这些都很好地工作，直到客户端在单击每个div块时想要添加一个模式-我的问题是，当模式存在时，我需要关闭反向滚动，并在模式关闭后重新建立它-但我不知道如何反转上面的鼠标滚轮javascript-有人能提供任何建议吗

向事件侦听器添加一个

if

，以检查模式是否打开。如果是这样，什么也不做。如果没有，则运行代码。

向事件侦听器添加一个

If

，以检查模式是否打开。如果是这样，什么也不做。如果没有，则运行代码。

将滚动值存储在变量中

var storedScroll = null;    
$("body").mousewheel(function(event, delta) {
storedScroll = this.scrollLeft;
storedScroll -= (delta * 30);
}

然后使用storedScroll值滚动到原始位置

---

希望有帮助。

将滚动值存储在变量中

var storedScroll = null;    
$("body").mousewheel(function(event, delta) {
storedScroll = this.scrollLeft;
storedScroll -= (delta * 30);
}

然后使用storedScroll值滚动到原始位置

---

希望有帮助。

您能做的是使用委托事件处理，这些事件处理不适用于

滚动

，而适用于

鼠标滚轮

，并告知如果

html

打开了类

模式

，则不应调用事件回调。然后在对话框打开时添加类

模态打开的

。当打开模式时，可能已经有一个类添加到了

html

，然后您可以重用该类

$（document）.on（'mouseweel'，'html:not（.modal opened）body'，函数（事件，增量）{
event.preventDefault（）；
console.log（'ok:'+delta）；
});
$（文档）。在（'单击'，'上。切换模式'，函数（）{
$（'html'）.toggleClass（'modal-opened'）；
})

toggel模式打开

您可以做的是使用委托事件处理，这些委托事件处理不适用于

滚动

，而适用于

鼠标滚轮

，并告知如果

html

打开了类

模式

，则不应调用事件回调。然后在对话框打开时添加类

模态打开的

。当打开模式时，可能已经有一个类添加到了

html

，然后您可以重用该类

$（document）.on（'mouseweel'，'html:not（.modal opened）body'，函数（事件，增量）{
event.preventDefault（）；
console.log（'ok:'+delta）；
});
$（文档）。在（'单击'，'上。切换模式'，函数（）{
$（'html'）.toggleClass（'modal-opened'）；
})

toggel模式打开