本文共 764 字,大约阅读时间需要 2 分钟。
一.附加导航附加导航即粘贴在屏幕某处实现锚点功能。//基本实例。//导航的 CSS 部分ul.nav-pills { width: 200px;}ul.nav-pills.affix{ top: 30px;}//JavaScript 代替 data-spy="affix" data-offset-top="125"$('#myAffix').affix({ offset: {top: 150}})我们默认使用的是 top,当然也可以默认居底 bottom。这个定位方式是直接通过 CSS定位的。//设置成 bottomul.nav-tabs.affix-bottom{ bottom : 30px;}//设置成 bottom$('#myAffix').affix({ offset: {bottom: 150}})Affix 包含几个事件,如下:Bootstrap Affix
第一部分
...
第二部分
...
第三部分
...
第四部分
...
第四部分
...
//其他雷同$('#myAffix').on('affixed-top.bs.affix', function () {alert('触发!');});
转载于:https://blog.51cto.com/8818968/2117051