Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 August 03

A🥖

Alexander 🥖 in HTML/CSS — русскоговорящее сообщество
Оксана
ну вот как слайдер например можно перетащить) не знаю как объяснить
ну на мобилке будет тач работать
на десктопе надо эмулировать
источник

A🥖

Alexander 🥖 in HTML/CSS — русскоговорящее сообщество
https://codepen.io/stevemckinney/pen/yNBNKa
вот еще хороший пен
источник

A🥖

Alexander 🥖 in HTML/CSS — русскоговорящее сообщество
источник

О

Оксана in HTML/CSS — русскоговорящее сообщество
Alexander 🥖
ну на мобилке будет тач работать
на десктопе надо эмулировать
да на мобилке работает,  а вот на декстопе не знаю как сделать
источник

A🥖

Alexander 🥖 in HTML/CSS — русскоговорящее сообщество
Оксана
да на мобилке работает,  а вот на декстопе не знаю как сделать
ну эмуляция тача через JS только)
что бы зажать и перетащить

но оно не нужно в нормальном UX
могут быть конечно уникальные случаи
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Оксана
он у них только на мобилке через оферфлоу реализован. А на декстопе у них другое. Если на декстопе делать через офервлоу, то нельзя свайпать мышкой
а нахера на пк юзать свайп?
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
не логично, как минимум
источник

О

Оксана in HTML/CSS — русскоговорящее сообщество
Kenan Ayvazov
а нахера на пк юзать свайп?
потому что менюшка длинная
источник

A🥖

Alexander 🥖 in HTML/CSS — русскоговорящее сообщество
из тач-механик я могу сходу вспомнить только механику drag&drop
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Оксана
потому что менюшка длинная
на ПК нужно показывать что-то другое
источник

A🥖

Alexander 🥖 in HTML/CSS — русскоговорящее сообщество
Оксана
потому что менюшка длинная
именно так делает яндекс, на пример которого идет ориентир
источник

A🥖

Alexander 🥖 in HTML/CSS — русскоговорящее сообщество
на мобилке горизонтальное скролл-меню
на десктопе - меню другого вида, без скролла
источник

О

Оксана in HTML/CSS — русскоговорящее сообщество
Alexander 🥖
именно так делает яндекс, на пример которого идет ориентир
сказали нужно со скроллом
источник

A🥖

Alexander 🥖 in HTML/CSS — русскоговорящее сообщество
Оксана
сказали нужно со скроллом
ну я скинул статьи и примеры, где это реализованно посредством CSS
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Оксана
сказали нужно со скроллом
-UX тогда. Или делать длинное меню, но с кнопкой для автоматического скролла
источник

В

Владислав in HTML/CSS — русскоговорящее сообщество
Оксана
ну вот как слайдер например можно перетащить) не знаю как объяснить
сделать свайп на js
мишь нажата, мышь двигается, мышь отпущена
Точно так же как для мобильных сделал тач, только тут событие называется для мыши иначе
источник

p

persona x grata in HTML/CSS — русскоговорящее сообщество
Оксана
сказали нужно со скроллом
можно сделать кастомную сбоку Swiper. там свайп на ПК и на мобиле работает
источник

О

Оксана in HTML/CSS — русскоговорящее сообщество
persona x grata
можно сделать кастомную сбоку Swiper. там свайп на ПК и на мобиле работает
там проблема с шириной слайдов
источник

p

persona x grata in HTML/CSS — русскоговорящее сообщество
Оксана
там проблема с шириной слайдов
источник

KG

Kirill Galimov in HTML/CSS — русскоговорящее сообщество
Подскажите, а как правильно такие блоки верстаются?
источник