bootstrap学习笔记(6)

时间：2016-05-03 12:17:45 阅读：132 评论：0 收藏：0 [点我收藏+]

标签：

滚动监听

滚动监听有两种方式：

(1)通过属性控制

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

(2)通过脚本控制:

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

可以使用.refresh更新dom元素

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

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

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

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

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

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

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

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

return false;

});

</script>

标签：

原文地址：http://www.cnblogs.com/cby-love/p/5454434.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行