页面滚动到指定位置——js中scrollIntoView()的用法

首先是获取 所有的 tr

我是直接获取的 大家请看

   res += `
                            ${item.uuid}',${item.status == 0 ? 111 : ''})" id="trall" class="${item.id == idd ? " teshucolor" : ' '} ${index % 2 == 0 ? "" : 'secondBG '}"  style="cursor: pointer;${!!redBorder ? 'border:1px solid red;' : ''}">
                                ${data.length - index}
                                ${item.source == 1 ? "人工调度" : "智能调度"}
                                ${intStatus}
                                ${item.dept.deptName}
                                ${item.newContent == null ? item.content : item.newContent}">${item.newContent == null ? item.content : item.newContent}
                                ${item.status == 1 && item.time1 == null ? '备案指令' : item.time1}
                                ${item.time2 == null ? '' : item.time2}
                                ${item.time3 == null ? '' : item.time3}
                            
                        `
 
 
  setTimeout(() => {
                    console.log(document.querySelectorAll("#trall"))
                    var atralll = document.querySelectorAll("#trall")
                    // console.log(atralll.length)
 
                        for (var i = 0; i < atralll.length; i++) {
                            console.log("我可以了",$(atralll[i]).hasClass('teshucolor'))
 
                            if ($(atralll[i]).hasClass('teshucolor')) {
                               //如果包含这个 就滚到相应的位置
                                atralll[i].scrollIntoView()
 
                            }
                        }
                    }, 500)

element.scrollIntoView() 参数默认为true
1.什么是scrollIntoView?
scrollIntoView是一个与页面(容器)滚动相关的API

2.如何调用？
element.scrollIntoView() 参数默认为true
参数为true：调用该函数，页面发送滚动，使element的顶部与视图(容器)顶部对齐

参数为false：使element的底部与视图(容器)底部对齐

3.使用场景
有的元素在页面的不可见区域，这时候需要scrollIntoView()将其拖动到可见区域，代码如下：

document.getElementById('craft-point').scrollIntoView()

如果看到的情况是，定位到的元素的标题和浏览器顶部对齐了，效果不太好：

这时只要把scrollIntoView()改成scrollIntoView(false)就可以解决了。