How to add floating elements

Floating elements are normal pictures, buttons, text, boxes, etc. that keep the same position when you scroll. (btw "elements" probably isn't the right term but idek what is lol)

An example of floating elements:

Click here for examples! Click the button again to collapse the pics

This can be done with the "position: fixed" attribute!

Simple code may look like this:

Replace:

"NUMBER1" with any number. This value decides layering, so if you want your element to cut behind something (ex: the wiki navigation bar), make the number smaller. If you want your element to go on top of something (ex: another picture), make the number bigger.

"DIRECTION1" with the first direction you want your element to be constrained to (top, bottom, left, or right)

"NUMBER2" with how close you want your element to be to "DIRECTION1". For example, if "DIRECTION1" is bottom and "NUMBER2" is 0, then your element will be flush with the bottom of your screen since it is 0 pixels away from the bottom.

"DIRECTION2" with the second direction you want your element to be constrained to (top, bottom, left, or right)

"NUMBER3" with how close you want your element to be to "DIRECTION2". For example, if "DIRECTION2" is right and "NUMBER3" is 0, then your element will be flush with the right side of your screen since it is 0 pixels away from the right side.

ELEMENT with whatever you want to "float". Examples include pictures, buttons, music, text, and boxes (which can have text).

If you are having any issues, let me know and I'll try to help!