Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 April 07

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
золотая рыбка, у вас есть 3 желания
источник

MV

Mardari Vladislav in Верстка сайтов HTML/CSS/JS/PHP
Sasha Bonatskiy
Всем привет, подскажите плиз как можно реализовать навигацию по страницам?
при клике на стелку должно прыгать межку секциями
я бы задал текущей странице какой-нибудь active класс, и от него отталкивался бы. Делаешь выборку по предыдущему или следуюему селектору
источник

МК

Максим Кавецкий in Верстка сайтов HTML/CSS/JS/PHP
Foma
честно не сталкивался что б вёрстка летала, мб изначально все делал не респонсив
Там такая фигня, шо я на 1920 делал как по макету, а дальше до 1440 уже другой макет, и если я сделаю после 1920 такое же как и на 1440, то будет либо отступ снизу, либо (если экран уменьшить) будет вылезать за нижние пределы
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
Mardari Vladislav
я бы задал текущей странице какой-нибудь active класс, и от него отталкивался бы. Делаешь выборку по предыдущему или следуюему селектору
да, ток надо понять какая именно сейчас секция в области видимости окна
источник

MV

Mardari Vladislav in Верстка сайтов HTML/CSS/JS/PHP
так по высоте
источник

MV

Mardari Vladislav in Верстка сайтов HTML/CSS/JS/PHP
scrollTop вроде
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
Mardari Vladislav
scrollTop вроде
?
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
выведи 15 секций по 100vh и чекай в консоль активную секцию при скроле, попробуйте на досуге
источник

MV

Mardari Vladislav in Верстка сайтов HTML/CSS/JS/PHP
ну если по 100vh, чекаешь высоту от топа делить на сто
источник

MV

Mardari Vladislav in Верстка сайтов HTML/CSS/JS/PHP
и это активная секция
источник

MV

Mardari Vladislav in Верстка сайтов HTML/CSS/JS/PHP
номер активной секции
источник

S

Shustry in Верстка сайтов HTML/CSS/JS/PHP
Так ещё на клик нужно будет вешать события.
источник

MV

Mardari Vladislav in Верстка сайтов HTML/CSS/JS/PHP
а id-шники секции в массив
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
вешаешь обработчик на скрол и загоняем в переменную активную секцию или intersectionObserver, потом по клику на кнопку scrollTo(activeSection.nextElementSibligSection
источник

S

Shustry in Верстка сайтов HTML/CSS/JS/PHP
Недавно такое изобретал. Но на кодпен полно готовых примеров.
источник

MV

Mardari Vladislav in Верстка сайтов HTML/CSS/JS/PHP
и уже по индексу берёшь
источник

MV

Mardari Vladislav in Верстка сайтов HTML/CSS/JS/PHP
и добавляешь класс active
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
Mardari Vladislav
номер активной секции
а как определить эту активную секцию?
источник

MV

Mardari Vladislav in Верстка сайтов HTML/CSS/JS/PHP
я же писал
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
Mardari накинь в код пен
источник