一、问题描述:
在Safari中锚点点击无法滚动定位到目标位置,如下图所示:
在Safari中点击#blessing或者#draw的<a>标签元素无法滚动定位到相应的元素位置。
二、解决方案
使用JavaScript:将以下JavaScript代码添加到你的页面中,以在锚点点击时进行平滑滚动。
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});