Въпрос към урок: Създаване на страница 5 (Допълнение)
от курс: Photoshop Web Design
Как да фиксираме положението на HTML елемент?
ФИКСИРАМЕ менюто, за да не се скрива при скролване, както е в този сайт например dama.bg/?
Всъщност се досетих как и успях да го направя сама :) Не знам дали е правилният начин, но работи.
Дублирах менюто, позиционирах второто най-отгоре на страницата и дадох position:fixed . Сложих му z-index, достатъчно голямо число, за да е над всички други слоеве, но да е скрито под header.
Така, когато се скролне страницата и header се скрие, менюто се показва и е фиксирано най-отгоре.
Да, с position:fixed се прави.
Ако искаш можеш да го направиш и с jquery plugin.
Той ще ти даде възможност да контролираш елемента по-добре.
Като тези: https://www.sitepoint.com/10-jquery-sticky-scroll-plugins/
На много сайтове фиксирания елемент се показва чак когато scroll-неш надолу.
Вашият отговор
Научи компютърните програми онлайн от топ експертите на България
Регистрацията в АУЛА ви дава:
20 безплатни урока
Трикове и тънкости за софтуера
Отговори на вашите въпроси
