0

我在母版页中有这段代码:

<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>

当有人单击可滚动区域中的图像时,我会调用叠加层。我想在覆盖出现时禁用滚动。为此,在覆盖脚本的 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>

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

谢谢!

4

0 回答 0