Bootstrap附加导航插件
一.附加导航
附加导航即粘贴在屏幕某处实现锚点功能。
//基本实例。
Bootstrap Affix
第一部分
...
第二部分
...
第三部分
...
第四部分
...
第四部分
...
//导航的 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
定位的。
//设置成 bottom
ul.nav-tabs.affix-bottom{ bottom : 30px;
}
//设置成 bottom
$('#myAffix').affix({ offset: {
bottom: 150
}
})
Affix 包含几个事件,如下:
成都创新互联秉承实现全网价值营销的理念,以专业定制企业官网,网站建设、网站制作,小程序定制开发,网页设计制作,移动网站建设,全网营销推广帮助传统企业实现“互联网+”转型升级专业定制企业官网,公司注重人才、技术和管理,汇聚了一批优秀的互联网技术人才,对客户都以感恩的心态奉献自己的专业和所长。
//其他雷同
$('#myAffix').on('affixed-top.bs.affix', function () {
alert('触发!');
});
当前文章:Bootstrap附加导航插件
文章起源:http://azwzsj.com/article/jhcohp.html