Текст в правом нижнем углу окна с использованием Javascript

Question

Как я могу заменить текст в правом нижнем углу окна (не на странице), и этот текст будет следовать за углом окна (другими словами, он останется в углу окна).Это будет ссылка "поделиться", я хочу, чтобы ее видели всегда.

Answer 1

Вы можете использовать атрибут CSS position: fixed, а затем использовать нижнее и правое значения, чтобы иметь его в правом нижнем углу. (не работает в IE - нужны некоторые хаки)

Answer 2

да, как уже упоминали другие:

#share {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 100;
}

<div id="share">[sharing links]</div>

Вы могли бы сделать:

$(document).ready(function() {
  $('#share').fadeIn('slow');
});

это как huffingtonpost.com или в основном деньги.

Answer 3

Если я правильно понимаю, вам нужен не javascript, а базовый css.

Вы хотите расположить панель в нижней части окна, которая бы там оставалась, даже если вы прокрутите вниз / вверх?

CSS:

.bottom {
position: fixed;
bottom: 0;
} 

HTML:

<p class="bottom">Text, that you wan't to put at the bottom.</p>

Очевидно, что было бы неплохо добавить backgroundcolor в p.bottom, а также верхний или верхний отступ, но это всего лишь общая идея.

Однако протестируйте его на более старом IE, потому что он может не работать.