Прескочи към основното съдържание Прескочи към навигацията

Как да фиксираме положението на HTML елемент?

Фотошоп Fastweb Photoshop Уеб дизайн HTML CSS

 ФИКСИРАМЕ менюто, за да не се скрива при скролване, както е в този сайт например dama.bg/?

Всъщност се досетих как и успях да го направя сама :) Не знам дали е правилният начин, но работи.
Дублирах менюто, позиционирах второто най-отгоре на страницата и дадох position:fixed . Сложих му z-index, достатъчно голямо число, за да е над всички други слоеве, но да е скрито под  header.
Така, когато се скролне страницата и header се скрие, менюто се показва и е фиксирано най-отгоре.

Да, с position:fixed се прави.

Ако искаш можеш да го направиш и с jquery plugin.
Той ще ти даде възможност да контролираш елемента по-добре.
Като тези: https://www.sitepoint.com/10-jquery-sticky-scroll-plugins/
На много сайтове фиксирания елемент се показва чак когато scroll-неш надолу.

Вашият отговор

Запиши се в Аула

или
Вашият имейл е защитен при нас.