Creating a Scrollable Div

Question

How to make a div fixed to detect scrolling by users. Example: Facebook's right sidebar, it gets stuck when a certain scroll position is reached.

Answer 1

position:fixed- the answer.
But you can always look at the source of the website if you want to know how they do something. Very educated!

Answer 2

Track if we scroll.

if($(window).scrollTop() > 0){
  //we're scrolling our position is greater than 0 from the top of the page.
  $("#element").css({'position' : 'fixed'});
}

* CHANGE

Do it without jQuery ..

if(window.scrollTop() > 0){
  document.getElementById('element').style.position="fixed";
}

Answer 3

, https://www.virendrachandak.com/techtalk/make-a-div-stick-to-top-when-scrolled-to/

Answer 4

, , ?

CSS: fixed; , .

CSS

Answer 5

http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/

uses jQuery with a scroll lock plugin: https://gist.github.com/837729