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

Question

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

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

Answer 1

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

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

Answer 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