博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap 附加导航插件
阅读量:7223 次
发布时间:2019-06-29

本文共 764 字,大约阅读时间需要 2 分钟。

一.附加导航附加导航即粘贴在屏幕某处实现锚点功能。//基本实例。

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定位的。//设置成 bottomul.nav-tabs.affix-bottom{ bottom : 30px;}//设置成 bottom$('#myAffix').affix({ offset: {bottom: 150}})Affix 包含几个事件,如下:

Bootstrap 附加导航插件

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

转载于:https://blog.51cto.com/8818968/2117051

你可能感兴趣的文章
C# 使用XPath解析网页
查看>>
CentOS增加用户到sudo用户组
查看>>
gmock
查看>>
[转]Unity手游之路<十二>手游资源热更新策略探讨
查看>>
Python3 OpenCV应用
查看>>
C++ delete operator做了什么事
查看>>
partproble在RHEL 6下无法更新分区信息
查看>>
使用Windows8开发Metro风格应用六
查看>>
linux服务之nfs
查看>>
linux ps命令,查看某进程cpu和内存占用率情况, linux ps命令,查看进程cpu和内存占用率排序。 不指定...
查看>>
[转]Angular开发(十八)-路由的基本认识
查看>>
LIST<T>现在也支持序列化和反序列化了
查看>>
js堆栈溢出的问题
查看>>
UVA 704 Colour Hash
查看>>
如何在 MOSS 2007 启用 Session
查看>>
跨数据库服务器操作数据
查看>>
[转] post和get数据长度的限制
查看>>
如何恢复误删除的Linux文件
查看>>
Wijmo 更优美的jQuery UI部件集:发现 Wijmo
查看>>
.net socket吞吐能力测试结果
查看>>