Bootstrap滚动监听(Scrollspy)插件详解
发布时间:2016-11-25 04:11:32 所属栏目:Windows 来源:站长网
导读:滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加 .active class。 如果您想要单独引用该插件的功能,那么您需要引用 scrollspy.js。或者,正如 Boo
|
滚动监听还有一个切换到新条目的事件。
//事件绑定在导航上 $('#nav').on('activate.bs.scrollspy', function() {
//HTML 部分
lt;section class="sec"gt;
lt;h4 id="html5"gt;HTML5 lt;a href="#" onclick="removeSec(this)"gt;删除此项lt;/agt;lt;/h4gt;
lt;pgt;
...
lt;/pgt;
lt;/sectiongt;
//删除内容时,刷新一下 DOM,避免导航监听错位
function removeSec(e) {
$(e).parents('.sec').remove();
$('#content').scrollspy('refresh');
}
注意:这个方法必须使用 data-*声明式。 以上就是本文的全部内容,希望对大家的学习有所帮助。 (编辑:开发网_郴州站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- Windows11将在下月获得Android Apps支持 任务栏改进以及更多
- Windows 11全新任务管理器曝光 UI大改 引进多项实用功能
- 教大家索尼笔记本win10改win7的方法
- Windows Server 2008 Active Directory域服务的新增功能
- Firefox Preview发布,下一代移动浏览器
- 窗口 – 这些奇怪的环境变量是什么?
- 停止Windows服务不会终止进程(服务使用ant)
- GaussDB(openGauss)宣布开源,性能超越 MySQL 与 Postgre
- windows-server-2003 – 什么原因导致重复的ACK记录?
- 安全强化你的 Linux 服务器的七个步骤
站长推荐
热点阅读




浙公网安备 33038102330466号