Как реализовать позиционирование сайта относительно верхнего края браузера?

Question

[amazinginternetsites]

Ребят, я даже не знаю как правильно спросить.
Увидел на fb вот такую вещь
при заходе на страницу, она частично скрыта, т.е. прокручена вниз

А вот так выглядит, если прокрутить вверх


Как это называется и реализуется?

PS. Например зашел на сайт, а скролл прокручен таким образом, что шапки не видно.
Спасибо.

Comments

[riot26]

stackoverflow.com/questions/11183873/starting-a-pa...

[amazinginternetsites]

riot26: Спасибо. Там с привязкой к body. А если сайт на темплейтах и необходимо для конкретной страницы сделать, а к body доступа нет?

[amazinginternetsites]

и почему-то onLoad="window.scrollBy(0,100)" не сработал

Answer 1

[Pavel K]

position: fixed ну и управление через JS при скролле

Answer 2

[profesor08]

Вы хотите зафиксировать так элемент? Значит вам поможет CSS:

.selector {
  position: relative;
  top: 0;
}

И немного javascript:

var elem = document.querySelector(".selector");

document.addEventListener("scroll", function()
{
  if (document.body.scrollTop > 50)
  {
      elem.style.position = "fixed";
  }
  else
  {
      elem.style.position = "relative";
  }
});

Comments

[amazinginternetsites]

Я не хочу ничего фиксировать, я хочу, чтобы при открытии страницы она начиналась не с самого начала, а была прокручена немного.

[profesor08]

amazinginternetsites: document.body.scrollTop = 100;

[amazinginternetsites]

Вот так ?

[amazinginternetsites]

script type="text/javascript"> document.body.scrollTop = 100; /script