jQuery，bPopup - 如何在右下角定位弹出窗口？答案

【问题标题】：jQuery, bPopup - how to position popup in bottom right?jQuery，bPopup - 如何在右下角定位弹出窗口？
【发布时间】：2014-11-05 00:51:42
【问题描述】：

我想用 bPopup jQuery 插件创建一个弹出窗口，并将其放置在屏幕的右下角。 bPopup 有一个名为 'position' 的选项，但它只使用顶部和左侧坐标。

我可以在 CSS 中设置位置并使用 !important，这很有效，但是我在动画中丢失了幻灯片。

【问题讨论】：

标签： javascript jquery position bpopup

【解决方案1】：

我没有在 jquery 中使用 bPopup 插件，但我认为你可以像这样实现它 80% 来自左侧位置，80% 来自顶部位置，或者只是改变它适合你的位置

$('element').bPopup({
        follow: [false, false], //x, y
        position: ["90%","90%"] //x, y
    });

【讨论】：

嗨 noobHere，感谢您的回答。不幸的是，如果我按照您的建议使用百分比，弹出窗口将停止工作。此外，我需要一个精确的解决方案，将我的弹出窗口从右侧和底部边缘精确定位为 0 像素。
我试过了，它可以工作..你没有忘记位置数组值中的双引号吗？喜欢我给你的例子吗？
我明天可以再检查一下。但是，这个解决方案仍然需要我将弹出窗口的尺寸设置为 20%x20%，而我不太能够做到这一点。我的弹出窗口有固定尺寸。
对不起noobHere，这仍然不能解决我的问题。
Томица Кораћ - 我更新了你介意检查你的代码。 .

【解决方案2】：

您可以使用常规 CSS 定位 bPopup 元素（如您所述），然后手动创建动画：

#element_to_pop_up { 
   position:absolute;
   right:10px;
   bottom:5px;
}

$("#element_to_pop_up").animate({width:'toggle'},350); //or any other animation

【讨论】：