网站建设资讯

NEWS

网站建设资讯

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 包含几个事件,如下:

Bootstrap 附加导航插件

成都创新互联秉承实现全网价值营销的理念,以专业定制企业官网,网站建设、网站制作小程序定制开发,网页设计制作,移动网站建设全网营销推广帮助传统企业实现“互联网+”转型升级专业定制企业官网,公司注重人才、技术和管理,汇聚了一批优秀的互联网技术人才,对客户都以感恩的心态奉献自己的专业和所长。

//其他雷同
$('#myAffix').on('affixed-top.bs.affix', function () {
alert('触发!');
});

本文名称:Bootstrap附加导航插件
URL链接:http://cdweb.net/article/jhcohp.html