How to make a popup window scroll with browser scroll bar?

How to make a popup window scroll with browser scroll bar?

  

Hi,

I want to make a popup window float when user scrolls browser scrollbar, which means user can see the popup window all the time during scrolling. How can I do that?

Thanks.

Hi Nina,

Off the top of my head, I'd say you will be able to fiddle with the CSS positioning properties of the popup (position: fixed or maybe position: sticky). You will just need to figure out what class you need to override those properties.

Hope this helps

Solution

Nina Li wrote:

Hi,

I want to make a popup window float when user scrolls browser scrollbar, which means user can see the popup window all the time during scrolling. How can I do that?

Thanks.


Hi Nina,

try copy and paste this code to your CSS editor:

SyntaxEditor Code Snippet

SyntaxEditor Code Snippet

.os-internal-ui-dialog {
   position: fixed;
}


Apply it ONLY in the page where you need the pop up to be fixed.

I've tried and it works well.


Rgds,

Lady

Solution

Lady wrote:

Nina Li wrote:

Hi,

I want to make a popup window float when user scrolls browser scrollbar, which means user can see the popup window all the time during scrolling. How can I do that?

Thanks.


Hi Nina,

try copy and paste this code to your CSS editor:

SyntaxEditor Code Snippet

SyntaxEditor Code Snippet

.os-internal-ui-dialog {
   position: fixed;
}


Apply it ONLY in the page where you need the pop up to be fixed.

I've tried and it works well.


Rgds,

Lady


Thanks!!