bootstrap官网的一些新奇的功能是怎么做到的?

2013-10-10 22:26:49 +08:00
 Sherlockhlt
就是
http://v3.bootcss.com/components/
旁边那个会打开,缩合的导航条,看了好久源码,还是看不明白,它自己提供的怎么找不到这个功能的组件?
4794 次点击
所在节点    程序员
8 条回复
zythum
2013-10-10 22:35:19 +08:00
tonyjiang
2013-10-10 22:41:43 +08:00
滚动监听吧~
icevil
2013-10-10 22:51:37 +08:00
scrollspy.js: http://getbootstrap.com/javascript/#scrollspy

顺便,话说 bootstrap 官网不应该是 getbootstrap.com 么?
为什么成了 bootcss.com
zythum
2013-10-10 22:53:10 +08:00
@icevil 这个是中文的某人的翻译版本把。
左侧的手风琴导航bootstrap已经继承了。直接用就好了。 affix
Sherlockhlt
2013-10-10 23:06:16 +08:00
@zythum
affix看了文档还是不知道怎么用呀。。刚刚谷歌到了这个例子
http://www.cnblogs.com/rubylouvre/archive/2012/12/24/2831675.html
不过跑起来也没有张开缩合的效果。。
lzt163
2013-10-11 15:12:03 +08:00
那个事Scrollspy 和css一起的 滚动监听到了就会加一个active样式
darasion
2013-10-11 21:41:20 +08:00
是:scrollspy,滚动监听

还有一种更酷的,叫:Parallax Scrolling
http://en.wikipedia.org/wiki/Parallax_scrolling


另外,
bootcss.com 不是官网,并且里边有个 less 中文那个链接里边都完全翻译错了!!
qazwsxedc121
2013-10-12 01:42:11 +08:00
一些jquery插件

http://www.desiznworld.com/2013/07/free-jquery-parallax-scrolling-plugins.html

非常的给力,下回做个小项目就试试

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/85161

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX