Не могу передвинуть ползунок <input type=range /> из-за react-indiana-drag-scroll

@Fixer_84 · Регистрация: 30.04.2016

Author24 — интернет-сервис помощи студентам

Здравствуйте, уважаемые форумчане! Столкнулся со следующей проблемой. Есть фон в несколько экранов со звездами, на нем есть планеты, которые отображаются в центре фона (центральный экран - экран монитора, телефона и т.д.) при загрузке страницы. Когда я кликаю на планету появляется аудиоплеер (также сделанный в ReactJS). Плеер сожержит стандартные элементы DOM. Когда я разворчиваю плеер, он раскрывается на весь экран и появлется ползунок, который движется при проигрывании аудиозаписи. Так вот, если я тяну за ползунок влево или вправо, то запись перематывается на мобильном, но я не могу ее перемотать на десктопе, так как начинает двигаться фон со звездами (то есть срабатывает скроллинг). Я создавал отдельный тест и если ползунок поместить прямо на фон со звездами (а не поверх аудиоплеера), то все срабатывает. Мне просто нужно, чтобы экран не скроллил на фоне плеера и я не знаю как это сделать. Другими словами, мне нужно, чтобы на элементе, который выше фона (то есть, аудиоплеер), срабытывал onChange.

Буду очень благодарен за вашу помощь.

@Norserium · 16.01.2021, 22:23

Скорее всего, будет достаточно установить в свойстве ignoreElements соответствующий селектор аудиоплеера.

@Fixer_84 1505 / 968 / 812 Регистрация: 30.04.2016 Сообщений: 3,334
		1
	Не могу передвинуть ползунок <input type=range /> из-за react-indiana-drag-scroll 11.01.2021, 17:58. Показов 1674. Ответов 1 Метки нет (Все метки) Здравствуйте, уважаемые форумчане! Столкнулся со следующей проблемой. Есть фон в несколько экранов со звездами, на нем есть планеты, которые отображаются в центре фона (центральный экран - экран монитора, телефона и т.д.) при загрузке страницы. Когда я кликаю на планету появляется аудиоплеер (также сделанный в ReactJS). Плеер сожержит стандартные элементы DOM. Когда я разворчиваю плеер, он раскрывается на весь экран и появлется ползунок, который движется при проигрывании аудиозаписи. Так вот, если я тяну за ползунок влево или вправо, то запись перематывается на мобильном, но я не могу ее перемотать на десктопе, так как начинает двигаться фон со звездами (то есть срабатывает скроллинг). Я создавал отдельный тест и если ползунок поместить прямо на фон со звездами (а не поверх аудиоплеера), то все срабатывает. Мне просто нужно, чтобы экран не скроллил на фоне плеера и я не знаю как это сделать. Другими словами, мне нужно, чтобы на элементе, который выше фона (то есть, аудиоплеер), срабытывал onChange. Буду очень благодарен за вашу помощь. 0

@Norserium 0 / 0 / 0 Регистрация: 16.01.2021 Сообщений: 1
	16.01.2021, 22:23	2
	Скорее всего, будет достаточно установить в свойстве ignoreElements соответствующий селектор аудиоплеера. 0

Опции темы