Javascript 如何使用jquery覆盖禁用鼠标滚轮滚动

我在母版页中有以下代码：

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="/Scripts/jquery.tinyscrollbar.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#scrollbar2').tinyscrollbar();
        });
    </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="rightContent" runat="server">
<div id="rightContentWrapper">
    <div id="sectionTitle">Investments</div>
    <div id="introText">Test Investments List</div>
    <div id="scrollbar2">
        <div class="scrollbar">
            <div class="track">
                <div class="thumb">
                    <div class="end">
                    </div>
                </div>
            </div>
        </div>
        <div class="viewport">
            <div class="overview">
                <div id="tombStones">
                    <%--  some scrollable images with overlays when clicked--%>                    
                 </div>
            </div>
        </div>
    </div>
</div>
</asp:content>

$（文档）.ready（函数（）{
$（'#scrollbar2'）。tinyscrollbar（）；
});
投资
测试投资清单

当有人单击可滚动区域中的图像时，会调用覆盖。我想在覆盖显示时禁用滚动。为此，在覆盖脚本的onBeforeLoad和onClose中，我将滚动条和缩略图隐藏在顶部，这意味着您不能使用光标移动滚动条。这是代码：

<script>
    $(document).ready(function () {
        $("img[rel]").overlay({
            onBeforeLoad: function (event) {
                $('.scrollbar').hide("fast");
                $('.thumb').hide("fast");
            },
            onClose: function (event) {
                $('.scrollbar').show();
                $('.thumb').show();
            }
        });
    });
</script>

$（文档）.ready（函数（）{
$（“img[rel]”）叠加({
onBeforeLoad：函数（事件）{
$（'.scrollbar'）.hide（“快速”）；
$（'.thumb'）.hide（“fast”）；
},
onClose：函数（事件）{
$（'.scrollbar'）.show（）；
$（'.thumb'）.show（）；
}
});
});

不幸的是，在这种情况下，鼠标滚轮仍然会滚动可滚动区域。如何在脚本中禁用和重新启用鼠标滚轮滚动以隐藏滚动条（或其他地方）

---

谢谢

您是否尝试过$（'.scrollbar'）.css（'overflow'，'hidden'）；我想这是我尝试添加溢出隐藏的副本，但它不起作用不起作用？下面是一个例子：