safari锚点无法定位问题

一、问题描述：

在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'
        });
    });
});