Как сделать такую панель?

Question

[Роман Романенко]

Как сделать такую же панель, прикрепленную к нижней части экрана, как здесь www.royalgemma.ru ?
Соответственно нужно, чтобы появлялась она так же при скролле вниз.
take.ms/xxpOB - скрин, если не понятно о какой панельке я говорю.

UPD:
Всем спасибо, у вас хорошие решения. Но хотелось бы еще, чтобы она плавно появлялась по ходу скроллинга страницы.

Answer 1

[DTX]

position: fixed;
bottom: 0;

window.onscroll = function() {
 if (window.scrollY>200) {
  $('.footer').show();
 } else {
  $('.footer').hide();
 }
};

codepen.io/anon/pen/JRkYqp

Upd:
Вот с плавным появлением в зависимости от скрола:
codepen.io/anon/pen/JRkKoR

Comments

[Роман Романенко]

а как сделать чтобы она плавно появлялась по ходу скроллинга страницы?

[DTX]

Роман Романенко: ставить opacity в пропорционально прокрученному расстоянию.

[Дмитрий]

Роман Романенко: вместо show и hide использовать fadeIn и fadeOut. Это что бы было плавно

[DTX]

Дмитрий: он другое имеет в виду, если я правильно понял.
А сейчас появление и так плавно происходит - с помощью transition. Использовать fadeIn/fadeOut там, где можно обойтись без них, не некошерно

[Роман Романенко]

DTX: да, ты правильно меня понял, спасибо

Answer 2

[Sn0wSky]

https://jsfiddle.net/xLpv0mwz/

Comments

[Роман Романенко]

а как сделать чтобы она плавно появлялась по ходу скроллинга страницы?