Position fix

HTML & CSS
1

Since the page at http://form.kr/q/swap/149/ has long main contents, the vertical scroll bar is needed for reading the whole contents.

There are 3 blocks, i.e. left, center, and right on the top.

I like to make it like the follow.

2

You can try the properties, position: fixed or position: sticky on those elements.

3

http://form.kr/q/swap/150/ is one of my trials for it, but it seems not to work.

4

I don’t know which is the centre block unless you mean all those buttons but to fix position the left and right links in place on this page you need this.

.ogoWrap{
position:fixed;
left:0;
right:0;
top:5px;
}
5

Thank you, left and right block is fixed at http://form.kr/q/swap/151/.

Center block is all blocks except main contents.
menu1, menu1 element, menu2, menu2 element, menu3, menu3 element, visitor, notice are center blocks.

if you click black background “x” in the notice, all center blocks will be disappeared.

6

The page at http://form.kr/q/swap/152/ is one of my trials and it work fine.

1 Like
7

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.