[TimLinux] JavaScript 代码控制滚动条移动到顶部/底部

Posted 2020-12-05 TimLinux

1. scrollIntoView函数

这个函数控制滚动条顶部内容、还是底部内容呈现在视图窗口中，接收一个参数：boolean值。

true: 顶部出现在视图窗口中

false: 底部存在在视图窗口中

2. 示例

<div>
   <pre>...</pre>
</div>

如果内容长度在pre中，且是pre中的内容很长导致出现滚动条，则调用该函数应该是由pre元素，示例：

var idPre = document.getElementById(‘idPre‘);
idPre.scrollIntoView(false); // 滚动到底部
idPre.scrollIntoView(true); // 滚动到顶部，默认值