Ответ 1
Для этого вам не нужен Javascript. Это достигается путем предоставления элементу позиции fixed
:
<a id="floating_link" href="whatever.html">Go Somewhere</a>
#floating_link {
position: fixed;
right: 0;
top: 400px;
display: block;
width: 50px;
height: 125px;
text-indent: -10000px;
background-image: url(/my/image.jpg);
overflow: hidden;
}
К сожалению, IE6 не поддерживает fixed
. Вы можете обойти это, используя этот плагин.
Если вам неинтересно IE6, вы можете просто использовать выше. Единственное различие заключается в том, что IE6 будет рассматривать его как абсолютный элемент (поэтому он не будет прокручиваться вниз со страницы, что немаловажно)
Вот пример этого на работе. Как вы можете видеть, вся область доступна.