gpt4 book ai didi

jQuery jqModal 全窗口弹出浏览器滚动问题

转载 作者:行者123 更新时间:2023-12-01 03:47:13 26 4
gpt4 key购买 nike

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

基本上,我的弹出窗口是浏览器的 100% 宽度和高度,但是浏览器滚动条仍然反射(reflect)我原始网页的高度,而不是 jqModal,关于如何更改此设置的任何想法?谢谢!

最佳答案

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

$('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');

关于jQuery jqModal 全窗口弹出浏览器滚动问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12386464/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com