JqueryTools根据窗口大小覆盖位置

时间:2011-04-07 03:59:37

标签: jquery browser resize overlay viewport

我正在使用JqueryTools叠加层,遇到一个令人沮丧的问题,即叠加层仅从屏幕视口而不是HTML上边缘定位自己。到目前为止我还没有找到任何解决方案。有人可以阐明实现这一目标吗?其他人也有同样的问题。是否有替代覆盖?我选择Jquery工具的原因是,我可以使用任何背景图像并自定义一堆不同的东西。

以下是Jquery重叠论坛上列出的相同问题。

“问题似乎是它相对于屏幕视口而不是HTML页面定位自己。” - http://flowplayer.org/tools/forum/40/47781#post-47781

任何帮助/建议都将不胜感激。

2 个答案:

答案 0 :(得分:2)

我来找一个答案,但JQuery Tools论坛似乎失败了。这就是我解决它的方法:

    $(window).resize(function() {
        var top = ($(window).height() / 2) - ($("#overlay").outerHeight() / 2);
        var left = ($(window).width() / 2) - ($("#overlay").outerWidth() / 2);
        $("#overlay").css("top", top);
        $("#overlay").css("left", left);
    });

答案 1 :(得分:-1)

可在此处找到解决方案:JqueryOverlay Tools Forum