Задать вопрос
@Lirrr
javascript

Почему не работает smooth scroll polyfill в IE11?

прописал в html инлайном <html lang="en" style="scroll-behavior: smooth;">
установил smoothscroll-polyfill и smoothscroll-anchor-polyfill через npm
Импортировал полифиллы и вызвал smoothscrollPolyfill.polyfill:
import smoothscrollPolyfill from 'smoothscroll-polyfill';
import smoothscrollAnchorPolyfill from 'smoothscroll-anchor-polyfill';
smoothscrollPolyfill.polyfill();


В итоге плавный скролл заработал в сафари, но не работает в ie11. Буду рад любой помощи.
Верстку можно посмотреть на github pages: https://lir-kulikov.github.io/Bino/ (использовал плавный скролл для якорных ссылок в навигации)
  • Вопрос задан
  • 554 просмотра
3 комментария
Подписаться 1 Простой 3 комментария
Пригласить эксперта
Ответы на вопрос 1
@ArtGMlg
Мне кажется проще осуществить переход по якорным ссылкам через jQuery animate свойство.
Разные функции плавности можно подключить как скрипт https://cdnjs.cloudflare.com/ajax/libs/jquery-easi...
И при попытке перейти к элементу просто анимируете scrollTop 
function scrollToElement (id){
  $('html, body').animate({scrollTop: $('#' + id).offset().top}, /*время анимации в миллисекундах*/, /*функция плавности в кавычках, например "easeInOutExpo"*/)
}
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Бэкэнд-разработчик JavaScript
Wanted. • Москва
от 250 000 до 400 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners LLC
от 350 000 до 420 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написание отзыва
31 янв. 2025, в 15:37
3000 руб./за проект
Разработать модуль на Flutter
31 янв. 2025, в 14:37
200000 руб./за проект
Доработать часть сайта на WordPress
31 янв. 2025, в 14:06
5000 руб./за проект
Ещё заказы