JQuery ScrollTop to Element ID не работает в Safari

Мне нужно кросс-браузерное решение для прокрутки к элементу на странице. Этот код отлично работает в Chrome, но не в Safari или Safari на мобильных устройствах. Он прокручивается до верхней части страницы, а не до идентификатора div:

$(".link").click(function() {
    $("html,body").animate({ scrollTop: $("#div_id").offset().top - 260 }, 1000);
});

jquery jquery-animate offset scrolltop

05.09.2018 00:48

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

479

Ответы 1

Согласно Эта проблема, записанному на github (сейчас закрыто), если у вас есть следующий код в вашем css:

body{
overflow-x:hidden;
}

, то это помешает Safari точно вычислить scrollTop (но это влияет только на Safari).

Если у вас есть скрытый переполнение css, вы можете удалить его или предлагаемый обходной путь (также в публикации):

const scrollTop = Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop)

надеюсь это поможет

05.09.2018 01:49

Другие вопросы по теме

Анимация изменения непрозрачности в jQuery не работает

Переворачивание карточки по горизонтали (сохраняя высоту 100%)

Добавление прокрутки к следующему элементу с тем же классом в jQuery

Анимировать JQuery detach / appendTo

Перемещение абсолютного элемента вправо

Постепенный переход узлов в Cytoscape js

Колесо интерактивной графики HTML

Анимация слайд-шоу с использованием JQuery вместо CSS

Ошибка Animation.css только на iOS

Анимация холста в линейном графике

JQuery ScrollTop to Element ID не работает в Safari

Ответы 1

Другие вопросы по теме

Похожие вопросы