scrollIntoView可以设置它的作用域吗？

Question

我想要用这个方法对某一个区域进行设置，因为我在document里面又单独做了一个域并且设置了滚动条，但是使用这个方法的话会导致document以及我自己设置的滚动条一起滚动到对应的id，有没有牛人可以解答一下怎么设置这个方法的作用域或者禁止document的滚动条滚动，谢谢了！

            document.querySelector('#'+aArray[0]).scrollIntoView({
                behavior: "smooth",
                block: "start"
            })

Answer 1

用容器.scrollTop，要有动画效果可以用jquery anmate属性来实现，示例如下

<div style="height:700px">1111</div>
<div style="width:100%;height:300px;overflow:auto">
    <div style="height:700px">1111</div>
    <div style="height:700px">222</div>
    <div style="height:700px" id="dv">333</div>
</div>
<input type="button" value="scrollIntoView" onclick="scrollIntoView1()" />　<input type="button" value="jQuery.animate" onclick="jqAnimate()" />
<div style="height:700px">bbbb</div>

<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
    function scrollIntoView1() {
        document.querySelector('#dv').scrollIntoView({
            behavior: "smooth",
            block: "start"
        })
    }
    function jqAnimate() {
        var el = document.querySelector('#dv')
        $(el).parent().animate({scrollTop:el.offsetTop-el.offsetHeight-20},500)
    }
</script>

有帮助麻烦点下【采纳该答案】，谢谢~~