0

Есть простой код. Он должен реализовать плавный скролл на веб-странице.

const btn = document.querySelector('button');
const footer = document.querySelector('footer');

btn.addEventListener('click', () => {
  window.scroll( {
    top: footer.offsetTop,
    behavior: 'smooth',
  });
});

На компьютере в котором я работаю установлены следующие браузеры: chrome, edge, opera, firefox, yandex. Когда я проверяю это в firefox плавный скролл работает как положено. Но в chrome, edge, opera и yandex это происходит резко, то есть функция не отрабатывает. Версии браузеров у меня установлены последние.

Если вы проверите мой код здесь (https://codepen.io/Vagif/pen/BazGXmw?editors=1010) то скорее всего у вас проблем не возникнет. Пробовал взять полифил отсюда (http://iamdustan.com/smoothscroll/) такая же история. Скорее всего проблема не в коде а у меня локально, подскажите куда рыть.

11
  • не отрабатывает именно код который приведен в вопросе? или вокруг него еще что-то есть? разметка, другой код?
    – Grundy
    17 сен 2021 в 21:02
  • код на codepen - тоже не работает?
    – Grundy
    17 сен 2021 в 21:02
  • код на codepen - у меня не работает. В этом то и проблема. 17 сен 2021 в 21:21
  • Какая версия браузера и os? установлены какие-либо расширения?
    – Grundy
    17 сен 2021 в 21:37
  • версия хром 93.0.4577.82 windows 10 версия 21H1 (сборка OC 19043.1165) расширения хром AdBlock PerfectPixel by WellDoneCode (pixel perfect) WAVE Evaluation Too доступ к Рутрекеру Темная тема для ВК | Dark the 17 сен 2021 в 21:48

2 ответа 2

0

Попробуйте использовать другой метод:

window.scrollTo({
  top: 100,
  behavior: 'smooth'
});

Ваше демо к слову у меня работает, если метод выше не поможет, то делайте чистый браузер, если заработает, то очевидно, что проблема либо в расширениях, либо в кэше.

3
  • @Grundy да, одно и то же, это плод отсутствия стандарта и хром поддерживает оба, но мы не знаем что происходит у тс, какой вообще версии у него хром и что еще он не договаривает. В любом случае от теста не убудет.
    – MrYogurt
    17 сен 2021 в 22:54
  • Версия хрома указана в комментарии версия хром 93.0.4577.82 windows 10 версия 21H1 (сборка OC 19043.1165)
    – Grundy
    17 сен 2021 в 23:42
0

Дело было в пункте smooth-scrolling в настройках браузера(я сейчас говорю конкретно про хром) Эта функция по умолчанию почему-то выключена(у меня) и более того скрыта. Если у кого-то схожая проблема, включить функцию можно так:

-Запускаем веб-обозреватель, вводим в адресную строку текст chrome://flags/ и жмем на кнопку . -В поле поиска вставляем #smooth-scrolling. -Сменяем значение для данного параметра на Enabled. -Затем перезапускаем браузер. Проще всего это сделать, нажав на кнопку Relaunch.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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