返回介绍

滚动监听

发布于 2020-02-15 17:34:05 字数 1179 浏览 1042 评论 0 收藏 0

滚动监听是一个 jQuery 插件,用于追踪某一确定元素并且元素目前处于用户屏幕的焦点。我们的示例在每个文档页的右边。单击这些链接将滚动到页面元素的位置。

表格内容的结构

<div class="row">
    <div class="col s12 m9 l10">
<div id="introduction" class="section scrollspy">
  <p>内容 </p>
</div>

<div id="structure" class="section scrollspy">
  <p>内容 </p>
</div>

<div id="initialization" class="section scrollspy">
  <p>内容 </p>
</div>
    </div>
    <div class="col hide-on-small-only m3 l2">
<ul class="section table-of-contents">
  <li><a href="#introduction">介绍</a></li>
  <li><a href="#structure">结构</a></li>
  <li><a href="#initialization">初始化</a></li>
</ul>
    </div>
  </div>

jQuery 插件初始化

$(document).ready(function(){
  $('.scrollspy').scrollSpy();
});

jQuery 插件选项

选项名称描述
scrollOffset滚动到中心元素的偏移。 默认:200

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文