Как сделать div, который остается в фиксированной позиции независимо от того, где вы находитесь на странице? - PullRequest
Новая
       6

Как сделать div, который остается в фиксированной позиции независимо от того, где вы находитесь на странице?

0 голосов
/ 17 апреля 2010

Пример случая: у меня длинный список предметов, и когда я наведу указатель мыши на этот элемент, он меняется на изображение этого предмета. Независимо от того, где вы прокручиваете, div остается в фиксированной позиции.

Вроде как рама.

Ответы [ 5 ]

3 голосов
/ 17 апреля 2010

Используйте свойство CSS position:fixed.

Пример: <div id="items" style="position: fixed; top: 20px; right: 20px">Hello there!</div>

2 голосов
/ 17 апреля 2010

Для более новых браузеров вы можете использовать position:fixed, чтобы заставить элемент следовать за окном при прокрутке.

Если вам нужна совместимость со старыми браузерами, вам потребуется Javascript, который получает смещение прокрутки из окна и изменяет координаты абсолютно позиционированного элемента.

2 голосов
/ 17 апреля 2010

div остается в фиксированной позиции.

position: fixed? Проверьте это здесь .

0 голосов
/ 17 апреля 2010

Вы спрашиваете о div в фиксированной позиции? Если вы хотите использовать этот div для самого css, вы можете использовать параметр как 

height:0px;
left:0px;
position:absolute;
top:0px;
width:0px;
z-index:1;
0 голосов
/ 17 апреля 2010

Абсолютное позиционирование: 

<body>
    <div style="position: absolute; top: 0; right: 0; width: 100px; height: 100px;">
    </div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...