How to make a half of page static?

vitalii.reznic
9 Posts
vitalii.reznic posted this 24 February 2019

How could I realize a ideea as on image. Divide the page in two columns and make the left part static (also it must occupy the whole column).
Images are attached

How could I realize a ideea as on image. Divide the page in two columns and make the left part static (also it must occupy the whole column). Images are attached

Last edited 24 February 2019 by vitalii.reznic

Vote to pay developers attention to this features or issue.
2 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 25 February 2019

Hello,

As a possible solution, you may put Columns into the Content&Sidebars area. Then drag-and-drop Posts into the second column and add a section or another static controls into the first column.

Sincerely,
Nettie

Hello, As a possible solution, you may put Columns into the Content&Sidebars area. Then drag-and-drop Posts into the second column and add a section or another static controls into the first column. Sincerely, Nettie
mayterry355
1 Posts
mayterry355 posted this 17 October 2024

To make half of a webpage static, you can apply CSS to fix one section of the page in place while allowing the other half to scroll or be dynamic. Here’s a simple approach using HTML and CSS:
Steps:

Divide the Page Layout: You’ll create two sections. One will be static, and the other will be scrollable or dynamic.

Apply CSS Styling:
    Use position: fixed; for the static half to keep it fixed as you scroll.
    Use overflow: auto; or overflow: scroll; for the dynamic half if you want it to be scrollable.
enter code here

Regards: punchmade dev height

To make half of a webpage static, you can apply CSS to fix one section of the page in place while allowing the other half to scroll or be dynamic. Here’s a simple approach using HTML and CSS: Steps: Divide the Page Layout: You’ll create two sections. One will be static, and the other will be scrollable or dynamic. Apply CSS Styling: Use position: fixed; for the static half to keep it fixed as you scroll. Use overflow: auto; or overflow: scroll; for the dynamic half if you want it to be scrollable. enter code here Regards: [punchmade dev height][1] [1]: https://networthalerts.com/punchmade-dev-net-worth/
You must log in or register to leave comments