2

抱歉缺少代码，但基本上我正在使用 jqModal 插件，它工作得很好，正如预期的那样，但是我只是一个关于它的问题，希望有人能阐明我如何解决我的问题。

基本上，我的弹出窗口是浏览器的 100% 宽度和高度，但是浏览器滚动条仍然反映我原始网页的高度，而不是 jqModal，关于如何更改它的任何想法？谢谢！

4

2 回答 2

2

打开对话框时更改滚动位置将解决您的问题

$('dailog-div').dialog(
    autoOpen: false,

        open: function () {
            var scrollPosition = [self.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft, self.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop];
            var html = jQuery('html'); // it would make more sense to apply this to body, but IE7 won't have that       
            html.data('scroll-position', scrollPosition);
            html.data('previous-overflow', html.css('overflow'));
            html.css('overflow', 'hidden');
            window.scrollTo(scrollPosition[0], scrollPosition[1]);
        },
        close: function () {
            var html = jQuery('html');
            var scrollPosition = html.data('scroll-position');
            html.css('overflow', html.data('previous-overflow'));
            window.scrollTo(scrollPosition[0], scrollPosition[1]);
            $(this).dialog('destroy').remove();

        }

    }).dialog('open');
于 2012-09-12T11:39:41.097 回答
1

感谢您输入 Murali，但我找到了另一种解决方法。基本上，我决定在触发弹出窗口时隐藏正文滚动条，然后在弹出 div 中添加滚动条。关闭弹出窗口后，我重新应用正文滚动条，这是一种享受。感谢您花时间查看并回答我的问题。:)

于 2012-09-12T14:35:00.777 回答