Виправлена помилка (що залишається незмінним у вікні прокрутки) Page блоки за допомогою CSS тільки
Це повідомлення може бути хорошим прикладом для фрази «Викладання бабусі смоктати яйця" ... Тому що це тільки основні CSS Stuff. Але для тих, хто, подібно мені, забуваючи, що це може бути благом. Я завжди думав, (я можу втратити свою роботу за ці слова), можна було тільки, щоб зберегти деякі частини HTML-вміст сторінки STATIC (тобто, його позиція залишається як є на прокрутки вікна), використовуючи смарт-скрипти, роблячи всі ці наукові Розрахунки знайти динамічні позиції, захоплення window.scroll подій і настройка тайм-аути і т.д.
Ніколи не думав, що це може так просто, як це .... Тут, в CSS / HTML нижче, у мене є чотири стаціонарних блоків, один кріпиться до кожного extrimities на цій сторінці, зверху, справа, внизу і зліва ... зрозуміло ... Ви можете вибрати одну або декілька, якщо потрібно буде ...
CSS
. Статичний {Дисплей: блок; г-індекс: 10; колір: # FFFFFF; переповнення-х: прихований; переповнення-й: прихований; стан: ixed;
}
# {Зміст маржа: 100px 150px 160px 0px; кордону: 1px твердих # e6e6e6}# Обгортка-т {верх: 0px; фон: # 33CC66, ширина: 100%, висота: 55 пікселів;}
# Обгортка-л {топ: 80px; фон: # FF9966; висота: 300px; ширина: 150px; кордону: 2px твердих # e6e6e6;}
# Обгортка-б {вниз: 0px; фон: # 3333CC, ширина: 100%, висота: 55 пікселів;}
# Обгортка-р {топ: 80px; фон: # 6666FF; висота: 300px; ширина: 140px; кордону: 2px твердих # e6e6e6, праворуч: 0;}
HTML
<div id="contents"> Ви основний зміст сторінки </ div>
<div id="wrap-b" class="static">
Статичний зміст на сторінку дно
</ Div>
<div id="wrap-t" class="static">
Статичний зміст на сторінки На початок
</ Div><div id="wrap-l" class="static">
Статичний зміст на сторінку залишили
</ Div>
<div id="wrap-r" class="static">
Статичний матеріал на стор право
</ Div>
