js 平滑滚动到元素位置.兼容 ie11

在JavaScript中实现平滑滚动到指定元素的位置，可以通过多种方式来完成，这里提供一个兼容性较好的方法：

首先，可以通过设置`window.location.hash`来让页面滚动到指定元素的位置。这种方法简单易用，但是不支持平滑滚动效果。为了实现平滑滚动，我们可以使用`scrollIntoView`方法或者自定义滚动动画。

对于IE11的兼容，`scrollIntoView`方法是支持的，但是需要注意的是，IE浏览器对平滑滚动的支持有限，可能无法实现与其他现代浏览器相同的平滑效果。我们可以添加特定的属性来尽力实现平滑滚动的效果。

以下是一个使用`scrollIntoView`方法兼容IE11的平滑滚动到元素位置的示例代码：

function smoothScroll(element, duration) {
    var start = window.pageYOffset; // 当前滚动位置
    var target = element.offsetTop; // 目标元素的顶部位置
    var distance = target - start; // 需要滚动的距离
    var startTime = null;

    function animation(currentTime) {
        if (startTime === null) startTime = currentTime;
        var timeElapsed = currentTime - startTime;
        var run = ease(timeElapsed, start, distance, duration);
        window.scrollTo(0, run);

        if (timeElapsed < duration) {
            requestAnimationFrame(animation);
        }
    }

    // 缓动函数，这里使用简单的线性缓动
    function ease(t, b, c, d) {
        t /= d / 2;
        if (t < 1) return c / 2 * t * t + b;
        t--;
        return -c / 2 * (t * (t - 2) - 1) + b;
    }

    // 开始动画
    requestAnimationFrame(animation);
}

// 调用函数实现平滑滚动
var element = document.getElementById('targetElement'); // 替换为要滚动到的元素的ID
var duration = 1000; // 滚动动画持续时间，单位为毫秒
smoothScroll(element, duration);

在这段代码中，我们定义了一个`smoothScroll`函数，它接受一个元素和动画持续时间作为参数，并使用`requestAnimationFrame`来创建平滑滚动动画。`ease`函数用于控制滚动动画的速度曲线，这里使用了线性缓动函数作为示例。