Size: a a a

2020 October 02

РВ

Роман Васин... in FrontCoder
Подскажите пожалуйста почему блок который выделен красным не прилипает когда мы задаем ему position: sticky;
http://zetakz.tmweb.ru/product/b-direktor/
источник

PE

Polina Emelyanova in FrontCoder
Роман Васин
Подскажите пожалуйста почему блок который выделен красным не прилипает когда мы задаем ему position: sticky;
http://zetakz.tmweb.ru/product/b-direktor/
Потому, что где то есть оверфло, отличное от визибл.
Потому, что ему негде ездить, т.е. нет колонки, желоба, по которому бы он ходил, прилипнув.
Потому...
Вобщем... Лучше скриптом
источник

PE

Polina Emelyanova in FrontCoder
Стики прекрасен... Но капризен, как и все прекрасное.
источник

РВ

Роман Васин... in FrontCoder
Ок. Спасибо!
источник

EV

Evgenii Vavilo in FrontCoder
Всем привет, есть вот такой код:

footerLinkTop.addEventListener('click', () => {
 window.scrollTo({
  top: 100,
  behavior: "smooth"
 })
});
Как сделать, чтобы анимация была не линейная, с замедлением в конце?
источник

ИМ

Игорь Морозов... in FrontCoder
вроде никак
источник

D

Dmitry in FrontCoder
Evgenii Vavilo
Всем привет, есть вот такой код:

footerLinkTop.addEventListener('click', () => {
 window.scrollTo({
  top: 100,
  behavior: "smooth"
 })
});
Как сделать, чтобы анимация была не линейная, с замедлением в конце?
keyframes
источник

EV

Evgenii Vavilo in FrontCoder
Dmitry
keyframes
спасибо, буду пробовать
источник

ВУ

Виталий Унгурян... in FrontCoder
Всем привет. Подскажите, пожалуйста, как решить один вопрос. Есть список, который на десктопе отображается как список, на меньшей ширине как слайдер. На js написал решение. Но есть одна проблемка. Я получаю ширину устройства, используя $(window).width(); - здесь, как я понял, этот метод учитывает наличие вертикального скрола либо его отсутствие. Но скролл может быть, либо его может не быть и, соответственно, не совпадает с тем, что я пишу в медиазапросе. Например, в css: @media(max-width: 800px) может не совпадать с if ($(window).width() > 800) если нет вертикального скрола. Таким образом происходит баг в 24 пикселя вроде.
источник

ДБ

Дмитрий Баевский... in FrontCoder
Виталий Унгурян
Всем привет. Подскажите, пожалуйста, как решить один вопрос. Есть список, который на десктопе отображается как список, на меньшей ширине как слайдер. На js написал решение. Но есть одна проблемка. Я получаю ширину устройства, используя $(window).width(); - здесь, как я понял, этот метод учитывает наличие вертикального скрола либо его отсутствие. Но скролл может быть, либо его может не быть и, соответственно, не совпадает с тем, что я пишу в медиазапросе. Например, в css: @media(max-width: 800px) может не совпадать с if ($(window).width() > 800) если нет вертикального скрола. Таким образом происходит баг в 24 пикселя вроде.
window.width возвращает ширину окна браузера. Используйте clientWidth
https://developer.mozilla.org/ru/docs/Web/API/Element/clientWidth
источник

D

Dmitry in FrontCoder
Виталий Унгурян
Всем привет. Подскажите, пожалуйста, как решить один вопрос. Есть список, который на десктопе отображается как список, на меньшей ширине как слайдер. На js написал решение. Но есть одна проблемка. Я получаю ширину устройства, используя $(window).width(); - здесь, как я понял, этот метод учитывает наличие вертикального скрола либо его отсутствие. Но скролл может быть, либо его может не быть и, соответственно, не совпадает с тем, что я пишу в медиазапросе. Например, в css: @media(max-width: 800px) может не совпадать с if ($(window).width() > 800) если нет вертикального скрола. Таким образом происходит баг в 24 пикселя вроде.
Зачем заморачиваться js ом, когда можно один элемент скрыть, другой показать?)
источник

ВУ

Виталий Унгурян... in FrontCoder
Dmitry
Зачем заморачиваться js ом, когда можно один элемент скрыть, другой показать?)
Просто список должен превратиться в слайдер, не хочется делать и список и слайдер и одно скрывать, другое показывать)
источник

ВУ

Виталий Унгурян... in FrontCoder
спасибо
источник

S

S in FrontCoder
Ребят как сделать такой же звоночек ? Чтоб двигался вверх вниз, и виджет двигался?
источник

S

S in FrontCoder
Чтоб вверх вниз скролился это вроде CSS ?
источник

AS

Alexander Sidorov in FrontCoder
Наверное логика такая:
1. Элемент fixed c transition: top 1s ease.
2. Высчитывает posTop = текущая прокрутка + высота экрана - высота от низа экрана.
3. В свойство top записываем posTop.
3. Слушаем скролл. При скролле через 3 секунду заного высчитывает posTop и задаём свойству top.
источник
2020 October 03

S

S in FrontCoder
Ребят есть ли вообще готовый макет медиа запросов? Интересно просто
источник

I

I in FrontCoder
S
Ребят есть ли вообще готовый макет медиа запросов? Интересно просто
я юзаю бутстраповские брекпоинты, везде заходят как надо
источник

I

I in FrontCoder
те которые mobile first если что, ща покажу
источник

I

I in FrontCoder
источник