码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap 附加导航(Affix)插件

时间:2019-02-24 20:11:57      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:sans   no-repeat   text   ica   font   height   target   initial   plugin   

 

附加导航(Affix)插件允许指定 <div> 固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始,但当页面点击某个标记,该 <div> 会锁定在某个位置,不会随着页面其他部分一起滚动。

技术图片如果您想要单独引用该插件的功能,那么您需要引用 affix.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js或压缩版的 bootstrap.min.js

用法

您可以通过 data 属性或者通过 JavaScript 来使用附加导航(Affix)插件。

  • 通过 data 属性:如需向元素添加附加导航(Affix)行为,只需要向需要监听的元素添加 data-spy="affix" 即可。请使用偏移来定义何时切换元素的锁定和移动。

Bootstrap 附加导航(Affix)插件

标签:sans   no-repeat   text   ica   font   height   target   initial   plugin   

原文地址:https://www.cnblogs.com/Yanss/p/10427619.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!