单页面应用 URL 变化的基本原理 理解 HTML 中的 pre 标签 使用 Javascript 跳转网页 Javascript location 对象 JavaScript 库 CDN 服务 JavaScript：如何使用 format 格式化字符串 使用 document.title 获取和修改网页标题 jQuery 快速入门 使用 jQuery 动态加载 js 文件 使用 jQuery 监听输入框的回车事件 如何将 jQuery 对象转换为 DOM 元素对象 jQuery 将元素滚动到可视区域 使用 prismjs 代码高亮库 使用Chart.js实现数据可视化 使用masonry实现瀑布流 bootstrap v3中的icon font 使用ECharts可视化星座关系（1） 使用ECharts可视化星座关系（2） socket.io入门

jQuery 将元素滚动到可视区域


#Web 前端开发

方式1：offset() + scrollTop()

先定位元素位置，然后进行滚动操作：

var top = $("#element").offset().top;
$(window).scrollTop()

效果待验证，细节上可能有问题。

方式2：scrollintoview 插件

使用插件： https://github.com/litera/jquery-scrollintoview

方式3：JS 自带的 scrollIntoView 函数

参考：https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView



( 本文完 )