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

转载于 2018-07-18 14:53:00 发布 · 64 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/timlinux/p/9329143.html

文章标签：

本文介绍了scrollIntoView函数的基本用法及示例。该函数用于控制页面滚动至指定元素的顶部或底部显示在视图窗口中。通过设置参数为true或false实现不同滚动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. scrollIntoView函数

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

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

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

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

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

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

转载于:https://www.cnblogs.com/timlinux/p/9329143.html