首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >关闭时,弹出窗口会滚动回到顶部

关闭时,弹出窗口会滚动回到顶部
EN

Stack Overflow用户
提问于 2009-10-21 05:10:13
回答 3查看 3.3K关注 0票数 1
/*CSS */  
#popup { background-color: #fff; border: 1px #000 solid; display: block; position: fixed; padding: 20px; top: 200px; left: 50%; margin-left: -300px; width: 600px; z-index: 1; }

/* JQuery */
$('#show-popup').live('click', function() 
    {
        var tempWindow = $('<div id="popup">This is a draggable pop-up window created with JQuery and JQuery UI <a href="#" id="popup-close">Close</a></div>').draggable();
        $('body').append(tempWindow);
    });

$('#popup-close').live('click', function()
{
    $(this).parent().remove();
});

/* HTML */
<a href="#" id="show-popup">Open popup window</a>

弹出窗口正常工作,正常打开,你可以在页面周围拖动它,它会固定在它的位置,但当你关闭它时,它会滚动回到页面的顶部。我如何防止这种情况发生?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2009-10-20 22:27:34

解决了这个问题;在单击close链接时忘记返回false,因此它重定向到page.php#。

票数 2
EN

Stack Overflow用户

发布于 2009-10-20 21:46:33

在close事件中,将窗口的坐标保存在一个变量中。

var coords = $('#popup').position();

然后,当您重新打开它时,将其设置为相同的位置。

$('<div id="popup">...</div>').css({position: 'absolute', top: coords.top, left: coords.left});

这里缺少一些逻辑,因为您没有太多的细节,但这应该可以做到这一点。

票数 0
EN

Stack Overflow用户

发布于 2014-11-17 14:28:04

尝尝这个

$('html, body').animate({ scrollTop: 0 }, 'slow');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1597326

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档