Bootstrap学习笔记(6)

滚动监听

       滚动监听有两种方式：

       (1)通过属性控制

       向想要滚动监听的元素添加如下属性data-spy="scroll",然后添加data-target属性,该属性可以是导航栏的ID或者是导航栏的class

       (2)通过脚本控制:

       $("滚动监听的元素").scrollspy({target:'导航栏的ID或者Class'})

       可以使用.refresh更新dom元素

       使用方法：$("被更新元素").scrollspy('refresh')；

       滚动监听时可以添加被激活时执行的事件

      使用方法:$("被监听项目").on("active.bs.scrollspy",function(){执行的代码})

       补充:如果想实现锚点平滑跳转,可以增加以下代码：

<script type="text/javascript">

        $("a").click(function () {

            var href = $(this).attr("href");

            var pos = $(href).offset().top;

            $("html,body").animate({ scrollTop: pos }, 500);

            return false;

        });

    </script>