![]() |
Как зафиксировать <div> чтобы он не двигался при скроллировании?
Мне нужно чтобы на страничке определенные штуки не двигались при прокрутке вниз, то есть были всегда видны. как это сделать используя html , css , js ?
|
Много способов. Обычно делают на JS - position=absolute + пересчёт top при onscroll.
|
Нашел какой то хитрый способ это сделать, не много модифицировал, протестил в IE , Opera , Mozilla вроде везде нормально работает
Делюсь, может кому пригодится <BODY onload="func(true)"> <script> function func (state) { document.body.style.background = 'url(n.gif) no-repeat'; document.body.style.backgroundAttachment = 'fixed'; if (!state) if (navigator) if (navigator.userAgent) if (navigator.userAgent.indexOf ('MSIE') != -1) document.location.reload(); } </script> <div style="PADDING-RIGHT: 10px; PADDING-LEFT:10px; Z-INDEX: 1000; RIGHT: 20px; PADDING-BOTTOM: 10px; WIDTH: 180; PADDING-TOP: 2px;POSITION: fixed;// POSITION: absolute; TOP: 10px; ; TOP: expression(document.getElementsByTagName( 'body' )[0].scrollTop < 850 ? 10 + document.getElementsByTagName('body')[0].scrollTop : '' + 'px'); HEIGHT: 30px; BACKGROUND-COLOR: #f5f5ea"> Этот блок </div> |
а к чему такие сложности?
position=fixed прекрасно работает в ИЕ, Опере и фф, при условии что на странице правильно прописан DOCTYPE |
Цитата:
|
Цитата:
|
Могу предложить поковыряться в этой странице
|
| Часовой пояс GMT +4, время: 00:58. |
Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.