Александр Коновалов, Так сделай для мобильной версии другие значения, просто сделай функцию в которую ты будешь передавать 300 или не 300)) и когда у тебя мобильная версия будешь запускать функцию и передавать 120, а в обычную 300)) магии не бывает))
довольно крутая штука, 1 раз настроил gulpfile.js и забыл про обжим картинок, обжим файлов и куча всего, я например хроню scss в одном месте, что пишу сам, все плагины храню в другой папке и они по папкам, все это потом собираю как мне удобно в 1 файл свои стили 2 файл все библиотеки, все это минифицируется, Js переводится в помощью бабель, обжимается terser, чтобы потом понять с какого файла стили делается map, //= template/head.html чтобы если что-то изменилось не менять в 1000 файлов html, а зашел в 1 файл и поменял)) и т.п и т.д кучу всего можно настроить сразу и чтобы это сделать нужно будет всего написать - gulp в командной строке))) а не лазить по сервисам и делать все руками) Если ты только учишься верстать пока учить верстать)) как говориться коси траву пока косой, а как освоишь верстку более менее, настроишь все уже потом и поймешь, что косить удобней сидя в тракторе с кондиционером, а не махая руками сутки)) на контрасте поймешь что Gulp или похожие вещи это удобно.
ElizavetaKrasova, https://owlcarousel2.github.io/OwlCarousel2/ вот можешь его полистать, довольно крутой слайдер и документация есть, если найдешь там эти события можешь использовать. или tiny-slider он на js, вдохновлялись люди как раз owl слайдером.
посмотри документацию слайдера там обычно есть события переключение по слайдам и активный слайд и там уже будешь вешать, что тебе нужно, потому, что не ясно как ты проверять будешь если ты нажимаешь листать и тебе только в ту секунду вешается этот класс, тебе по любому нужно сверить после того как он навесился и должно быть собития - нажатие, ховер или что-то другое, вот тебе нужно событие переключение слайдера, если слайдер толковый обычно в документации все есть.
newsworker90, ну ты хотя бы скрин покажи где картинки будут стоять, горизонтальное или вертикальное меню, картинка будет меняться у родителя или у детей)
newsworker90, ну так)) текст выводится в див text у тебя его нет вот и ошибка, и + с 75 строки перенеси между 70-71, открой кодпен что я кидал выше там все работает и по аналогии делай.
не сильно сложно, суть у тебя такая
для начала измеряешь высоту видимой области экрана
дальше измеряем весь текстовый блок чтобы потом поделить на высоту экрана и узнать сколько раз тебе нужно сделать этот скролл.
дальше запускаешь сет интервал и выполняешь скролл экрана через if чтобы сделать именно столько раз столько ты высчитал ранее и дальше уже по завершению отключаешь интервал и все.
ivankalita, в доках они примеры более очевидных вещей приводят) а h-100 это понятно же было) блок 1 типа у тебя 300 px а потом идет row и col- и чтобы в блок 1 отцентрировать нужно row сделать такую же высоту как и блоку 1))
