ScrollIntoView() не работает в Safari и Chrome для IOS? ⇐ CSS

[Anonymous]

Я новичок в JavaScript и программировании в целом, и пытаюсь использовать функцию ScrollIntoView(), но безрезультатно.

Я протестировал приведенный ниже код в мобильном Android Chrome и Samsung Internet, и он работает нормально, но в мобильных IOS Chrome и Safari — нет

Когда я нажимаю любую навигационную ссылку в меню с горизонтальной прокруткой, скроллер перемещается до конца к ссылке «Справка», а также выделяет ее. (хотя он переходит на правильную страницу, см. пример изображения ниже)

Изображение того, что я имею в виду

Всегда ли функция ScrollIntoView() работает в IOS (версия Iphone 6 и выше) или я делаю что-то не так при ее использовании?

< h2>HTML


dairy



CSS

.activeA {
//Places a red line underneath the link and makes the text white and bold.
border-bottom: 3px solid red;
font-weight: bold;
color: white;
}


Javascript

//Getting the url of the window
var url = window.location.href;

//Removing protocols
var urlNoProtocol = url.replace(/^https?\:\/\//i, "");

//if current page url is the same as the url of the specific product category page, set 'activeA' class which highlights the link

if ( urlNoProtocol == "www.gourmetdirect.co/collections/seafood") {
var element = document.getElementById("seafoodd");
function myFunction() {
var element = document.getElementById("seafoodd");
element.classList.remove("activeA");
element.classList.add("activeA");
element.scrollIntoViewIfNeeded();
};

myFunction();
}


Подробнее здесь: https://stackoverflow.com/questions/610 ... and-chrome