Only part of page scrolls

[pctechtv]

From time to time I come across pages that employ this type of movement. They have a part that stays in place or moves slower than a scrolling part. Could someone point me in the correct direction to begin learning how this is done? I am sensing that it is with jQuery or just JavaScript. e.g. http://www.msnbc.com/ Thanks

[Tommi Sipiläinen]

I believe its “position: fixed” what you are looking for?

There is “position: fixed” added in header&navigation in this:
http://codepen.io/kindofone/pen/eBtFE

It makes the element scroll with the page.

[pctechtv]

Very helpful thanks! I welcome any example, I think some of the ones I have been seeing have a sidebar or something with a semi-transparency that made me think more complicated stuff was going. CSS, HTML5, jQuery are great in that way!

[pctechtv]

Here is another good example:
http://www.malwarebytes.org/free/

[pctechtv]

After searching more extensively I see the topic well covered here. Thanks
https://css-tricks.com/fancy-scrolling-sites/

[Author]

Posts