Показать сообщение отдельно
  #1 (permalink)  
Старый 19.12.2013, 12:40
Интересующийся
Отправить личное сообщение для Navaho Посмотреть профиль Найти все сообщения от Navaho
 
Регистрация: 19.12.2013
Сообщений: 15

Плавающий блок, замирающий над футером
Привет! Помогите разобраться.
Необходимо подключить скрипт для правого сайдбара как тут: http://sticky01.blogspot.ru/2013/09/4.html.

вот мой сss:

Код:
.sidebar{
    width:245px;
    margin-top:15px;
    margin-left:700px;
    height:1230px;
    padding:13px;
    font-size:14px;
    font-style:  italic;
    font-family: 'Arial';
    border: 2px solid #bab89a;
    position: fixed;   
     }
.sidebar .content .text{
    position: absolute;
}
вот JS, который я нашла тут: http://shpargalkablog.ru/2013/09/scroll-block.html


<script>
function offsetPosition(e) {
  var offsetTop = 0;
  do {offsetTop  += e.offsetTop;} while (e = e.offsetParent);
  return offsetTop;
}
var aside = document.querySelector('aside'),
    OP = offsetPosition(aside);

window.onscroll = function() { 

  // window.pageYOffset - прокрутка;
  // document.documentElement.scrollHeight - высота всего документа;
  // aside.offsetHeight - высота элемента
  if (window.pageYOffset > document.documentElement.scrollHeight - 9720 - aside.offsetHeight) {
    aside.className = 'button_bottom';
    aside.style.top = (document.documentElement.scrollHeight - 1230 - aside.offsetHeight - OP) + 'px';
  } else {
    aside.style.top = '0';
    aside.className = (OP < window.pageYOffset ? 'sidebar' : '');
  }

}
</script>


В html блок div class="sidebar" c контентом (текст и картинки)

Скопированный скрипт не работает. что необходимо изменить?
Ответить с цитированием