Три слоя градиента одного слайдера

мы стараемся не писать лишнего кода и искать решения, работающие на нативных рельсах браузеров

К слову, не подскажите — чего не хватило в нативной стилизации скроллбара?

Отличная статья, спасибо!

Я пришел на собеседование с лайвкодингом — и меня с позором размазали

Ещё бы глупые ошибки в фамилии шахматиста не делать.

Анимация подчёркивания ссылок на чистом CSS

Отличная идея и исполнение. Спасибо, что поделились. Жаль, что под подобными статьями в русскоязычном интернете чаще негативные комментарии.

Руководство к созданию собственного когортного отчёта по возвратности

Всё очень даже понятно, и да — присоединяюсь: тема полезная и продолжение будет интересно.

CSS и iOS Safari

Нет, я именно про веб-приложение, которое устанавливается из Сафари через «Add to Home Screen». Так вот там теперь неубиваемый скролл.

В сообщении выше скрин установленного вашего $mol Demo с оттянутым экраном, где этот эластичный скролл во всей красе. К сожалению.

CSS и iOS Safari

«Доктор, да я не о том, я о ступеньках...»

Прошу прощения, в первом комментарии не уточнил, что речь идёт о веб-приложениях. Проблемы с эластичным скроллом именно там.

И у вас в том числе

CSS и iOS Safari

Промахнулся с ответом.

CSS и iOS Safari

Этот хороший способ, ровно как и описанный мною, уже не работает.

Что же касается веб-приложений, то единственное, что можно сделать для предотвращения ужасающего скролла, при котором обнажается серый задний фон — это отслеживать любой touchmove и предотвращать его через event.preventDefault():

$(document).on('touchmove', function(event) {
    event.preventDefault();
});

Но такой способ подходит только для веб-приложений не требующих скролла.

Надеюсь, что неправ и упустил какой-то рабочий способ.

CSS и iOS Safari

Ещё бы актуальный способ «отключать» эластичный скролл.

Предыдущий уже не работает:

html, body {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}