How to Scroll a container with still background ?

29 Posts

ericfreget posted this 07 July 2021

I need to scroll a part of a container to show the rest of the info like an iframe. The rest of the page with the background image must stay still. It is pretty much a parallaxe effect.

How can I do it ?
Thx a lot

I need to scroll a part of a container to show the rest of the info like an iframe. The rest of the page with the background image must stay still. It is pretty much a parallaxe effect. How can I do it ? Thx a lot

parallax iframe scrolling window

CA3E04D0-468F-44F0-8042-DA55716929A1.png

Vote to pay developers attention to this features or issue.

1 Reply

Order By: Standard | Newest

Support Team posted this 07 July 2021

Hi Eric,

Thanks for contacting us

Select the container, give it a name (e.g. scroll), press edit CSS and the following code below.
Adjust the height in px of the container and colors.

.scroll {
height:500px;
background: #fff;
border: 1px solid #C1C1C1;
overflow-x: scroll;
overflow-y: scroll;
}

Thank you.
...................................................
Sincerely,
Ahmad M.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Eric, Thanks for contacting us Select the container, give it a name (e.g. scroll), press edit CSS and the following code below. Adjust the height in px of the container and colors. !edit-css.png! .scroll { height:500px; background: #fff; border: 1px solid #C1C1C1; overflow-x: scroll; overflow-y: scroll; } Thank you. ................................................... Sincerely, Ahmad M. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp

edit-css.png

How to Scroll a container with still background ?

Company

Product

Themes & Templates

Nicepage

Web Design