解决Bootstrap 附加导航(Affix)的问题和使用时若干注意事项
2015-01-09 02:20
513 查看
1、要清楚Affix分别赋予的class,
开始:affix-top
达到top参数:affix
达到bottom参数:affix-bottom
2、一定要自定义这些class,否则 插件会默认给你在达到bottom参数时加上relative,会严重影响bottom参数时的样式。
3、样式没有特殊需求的话:affix-top 为默认流 、affix为fixed、affix-bottom为absolute。
4、浮动的容器和屏幕上边沿的间距(如果想留一点的话)用css的top控制,不要用padding等,否则会出现跳动。
5、浮动容器和滚动容器(一般是body)之间的容器不要有relative等定位。
6、一般不要忽略bottom参数,否则在浮动容器高度高于浏览器高度时会出问题。
7、加句:
setTimeout(function(){
$('...').affix();
});
能纠正刷新后或浏览器大小变化时出现的对齐问题。
顺便吐槽下那个stickUp插件,真难用!!!!!
本$文$来$自$博$客$园 fej121!!!
开始:affix-top
达到top参数:affix
达到bottom参数:affix-bottom
2、一定要自定义这些class,否则 插件会默认给你在达到bottom参数时加上relative,会严重影响bottom参数时的样式。
3、样式没有特殊需求的话:affix-top 为默认流 、affix为fixed、affix-bottom为absolute。
4、浮动的容器和屏幕上边沿的间距(如果想留一点的话)用css的top控制,不要用padding等,否则会出现跳动。
5、浮动容器和滚动容器(一般是body)之间的容器不要有relative等定位。
6、一般不要忽略bottom参数,否则在浮动容器高度高于浏览器高度时会出问题。
7、加句:
setTimeout(function(){
$('...').affix();
});
能纠正刷新后或浏览器大小变化时出现的对齐问题。
顺便吐槽下那个stickUp插件,真难用!!!!!
本$文$来$自$博$客$园 fej121!!!
相关文章推荐
- 解决sourcetree一直检查源问题和sourceTree刚开始使用注意事项
- bootstrap的 附加导航Affix导航 (侧边窄条式 滚动监控式导航) 附加导航使用3.
- static关键字:解决的问题,在内存中的特点和使用注意事项
- 使用 MPMoviePlayerController 出现的问题、解决方法和注意事项
- 使用SPView时的注意事项和问题,及解决方法?
- SVN使用注意事项和问题解决
- Bootstrap JS插件使用实例(10)-附加导航(affix)
- 在WEB程序中使用.NET Remoting的IpcChannel时注意事项(关于“拒绝访问”问题的解决)
- Coolpy使用注意事项以及常见问题解决办法(持续更新中)
- 解决 Android 中使用ListView和CheckBox批量操作时若干问题
- SuperMap IS.NET是否使用SuperMap Deskpro出的地图预缓存及使用了预缓存后速度没有明显提高问题注意事项
- 最新android studio注意事项打不开等问题6种解决方法
- 使用SQLite附加(ATTACH)数据库时,需要注意数据文件编码的问题
- HBase Thrift 接口的一些使用问题及相关注意事项
- AJAX解决什么问题?如何使用AJAX?AJAX有什么问题需要注意?项目中哪里用到了AJAX?
- c#中使用多线程访问winform中控件的若干问题 解决线程间操作无效: 从不是创建控件的线程访问它
- Windows7下安装SQL Server 2005注意事项及问题解决(转载)
- 使用AppFabric 承载WCF和WF服务【注意点和问题的解决方法】
- Fedora14 使用虚拟机桥接上网 静态配置固定IP 和宿主机IP在同一网段的方法 及 若干问题解决(NFS挂载第一步)
- SEO优化和正确使用网站导航需要注意哪些问题