JQuery, BPopup - How To Position Popup In Bottom Right?

I want to create a popup with bPopup jQuery plugin, and position it in the bottom right part of the screen. bPopup has an option called 'position', but it only uses top and left co

Solution 1:

i have not use the bPopup plugin in jquery but i assume you can achieve it like this 80% from the left position and 80% from the top position or just change it whatever suits you

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

Solution 2:

You can position your bPopup element with regular CSS (as you mentioned) and then create the animation manually:

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

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