Фіксуємо рекламний блок в сайдбарі скриптом
Крок 1. Код блоку, який потрібно зафіксувати
Щоб далі в скрипті ідентифікувати блок, ми встановили йому атрибут id зі значенням fixblock.
Будьте уважні!
Значення атрибута id буде використовуватися в скрипті. Якщо ви змінили значення на своє, виправте його і в скрипті.
Крок 2. Додаємо скрипт
Зберігаємо і перевіряємо як все працює.
а останню на ось це:
Варіант з автоматичним визначенням обчисленням висоти зафіксованого блоку і підвалу (замініть id підвалу на свій):
Або з точно зазначеної висотою (підставте свої значення в пікселах):
Для тих, хто використовує WordPress і не хоче возитися з установкою коду, тепер доступний наш плагін Fixed Widget. В опціях є можливість тонкої настройки фіксації блоку, його положення і анімації.
Або застосувати кросбраузерності рішення для визначення ширини:
Щоб керувати блоком в процесі зміни ширини вікна, потрібно додати функцію для події onresize:
Останньою сниппет коду доопрацювати під свої умови, виставивши потрібні стилі під певну ширину екрану.
Олександра, здрастуйте. Ставив дане скрипт багато разів (завдяки вам)))) Все було ОК. І ось сьогодні в черговий раз вирішив поставити на новий сайт і виявив, що в хромі фіксований блок замість фіксації просто зникає, як тільки блок стосується верхньої кромки. А інші браузери відпрацьовують скрипт на ура. Причому на старих сайтах такої проблеми не спостерігаю. Що це може бути, всю голову сломааааал)
Федір, у вас в стилях сайту прописано приховування контенту, який виходить за рамки віджета:
Можливо, проблема в цьому. Просто в стилях приберіть цей шматок CSS і все повинно запрацювати.
Олександра, спасибо огромное. Другий день намагаюся зафіксувати меню на своєму DLE блозі. Практично простудіював всю матчастину по jQuery і всю безрезультатно. А тут ваша невигадлива статейка з таким простим методом без всяких цих проблем з бібліотеками jQuery.
Велике дякую. Поставив відразу, обернувши меню під Хідер в потрібні діви, потім випробував варіанти з двома блоками - все працює. Правда, не знаю як у всіх, у мене фіксована рядок меню, та й оекламние блоки в сайдбарі при прокручуванні ховалися за основними картинками на сторінці. Вилікував додаванням до властивостей параметра z-index.
Дякуємо!
Маємо ліву колонку (високу) яка фіксується при досягненні нижньої частини вікна браузера.
- Наші послуги для блогерів
- Популярне Гарячі теми Нове
Наші плагіни і теми
- Hierarchical HTML Sitemap - ієрархічна карта сайту У каталозі WordPress
- Hide Links - приховування зовнішніх посилань У каталозі WordPress
- FunctionsPHP - безпечна заміна functions.php
- BASIC - безкоштовна адаптивна тема WordPress У каталозі WordPress
