menu

介绍

滚动监听是一个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