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>