Фиксированное содержание с рекламой в сайтбаре
Нужна реализация фиксированного содержания как на этом сайте в сайтбаре.
Должно фиксироваться содержание и реклама после просмотра всех предыдущих блоков. При этом все это дело не должно заезжать на футер.
Дополнительно интересует возможность выделения пункта содержание жирным.
Например есть такое содержание:
-
Заголовок 1
-
Заголовок 2
-
Заголовок 3
- Заголовок 4
Было бы удобно для пользователей, если бы читая информацию он выдел выделенный пункт в содержании, к которому относиться эта информация. Например когда заголовк 2 равняеться по середине экрана, в содержании он выделяется жирным и т.д.
Оглавление выводится как обычно, реклама в СБ тоже. Все остальное делает специально написанный скрипт. У меня на сайте это комбинация плавающего блока и оглавления...
Вот код который я писал для этого. В целом там все готово, вам возможно селекторы нужно будет поменять. В общем, вам нужно будет немного разобраться.
Все работает, но возникает ошибка на блоке, где фиксация должна прерываться.
В этом коде:
Ругается на этот участок
Текст ошибки: Uncaught TypeError: Cannot read property 'top' of undefined
Род. элемент где находится плав. блок должен иметь css свойство
position:relative
- а то при абсолюте улетит он куда нить...Спасибо. Видел что проблема в этом свойстве, но куда его писать не понял
Тимур, а где вы вставляете код с рекламой, у меня она получается грузится сначала перед оглавлением, а потом уже меняется расположение. Как сделать так чтоб она сразу грузилась после содержания?
По содержанию есть материал
http://wp-kama.ru/id_1513/kama_contents.html
Первая часть:
http://leafo.net/sticky-kit/
или другой стикет.
По второй части на выбор:
http://www.jqueryscript.net/menu/One-Page-Scroll-Navigation-Plugin-with-jQuery-pageNav.html
http://www.jqueryscript.net/layout/jQuery-Plugin-For-One-Page-Navigation-Plugin-Page-Scroll-To-ID.html
или аналоги.
Спасибо! По второй части, второй плагин позволяет решить эту задачу, первый не подходит или я не разобрался как это сделать.