2013-04-15 2 views
0

На моей веб-странице подразделение должно находиться в фиксированном положении в левой части страницы. По моим сведениям я использовалКак исправить положение div

position:fixed;top:100px;left:20px;. Используя этот код, я получил точную позицию, где хочу. но когда я прокручиваю страницу, разделение которой находится в том же положении, и в верхней части этого подразделения я получаю пространство 100 пикселей, потому что я даю top:100px. Но я не хочу этого пространства. Пожалуйста, помогите мне.

Спасибо заранее, Sree баран

+4

попробовать положение ': абсолютный;' вместо 'не fixed' –

ответ

3

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

position:absolute; 
top:100px; 
left:20px; 
+0

Нет на самом деле, если я использую 'absolute', когда я прокручиваю страницу вниз, которую она не увидит. Но я говорю, что когда страница загружается, разделение должно быть от 'top: 100px', когда мы прокручиваем страницу вниз, она должна стать вершиной: 0px, и там она должна быть исправлена. – user2281995

+0

@ user2281995 Затем вы задаете две совершенно разные вещи, вы хотите динамически изменять стиль элемента на основе текущего состояния прокрутки, которое не то, что вы можете сделать с помощью чистого CSS, вам нужно установить начальную стиль, затем, используя JavaScript, обнаруживать при прокрутке, а при прокрутке до 100 пикселей или выше, измените применяемый стиль, чтобы указать 0px для верхнего. –

+0

Да точно .... !!! Как я могу это сделать ... Пожалуйста, помогите мне ... – user2281995

2

так, чтобы зафиксировать положение DIV, необходимо применить абсолютную позицию.

Это делает пребывание div в конкретной позиции независимо от того, что.

Код должен быть:

position : absolute; 
top : 100px; 
left : 20px; 

Good Luck! :)

0

Вы можете получить лучшее представление о различных положениях CSS от CSS POSITIONS REFERENCE

Теперь, пожалуйста, попробуйте сделать следующие изменения

position : absolute; 
top : 100px; 
left : 20px; 
Смежные вопросы