1

Как сделать плавный скролл к определенному блоку для динамически сгенерированного radio при его активации? Для обычных, которые по-умолчанию заданы через HTML, работает прикрепленный код, но когда его генерирует JS, это не срабатывает.

(() => {
  const handler = evt => {
    if (evt.target.checked)
      tabs.scrollIntoView({ block: 'start', behavior: 'smooth' });
  };
  const tabs = document.querySelector('.content');
  for (let cbox of document.querySelectorAll('.downers'))
    cbox.addEventListener('change', handler);
})();

1 ответ 1

1

Поставьте прослушку событий на обертку Ваших input'ов и проверяйте куда пришелся клик:

const handleClick = event => {
   if (event.target.tagName.toLowerCase() === "input") {
      // ... ваша логика
      // например scroll до конкретного <input />
      // if (event.target.checked) {
      //    event.target.scrollIntoView({ block: "start", behavior: "smooth" })
      //}
      console.log(event.target) // input на который пришелся клик
   }
}

document.querySelector(".wrapper").addEventListener("click", handleClick, false)

Это даст Вам возможность прослушивать события в input'ах которые были добавлены динамически.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.