V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Sherlockhlt
V2EX  ›  程序员

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

  •  
  •   Sherlockhlt · 2013-10-10 22:26:49 +08:00 · 4637 次点击
    这是一个创建于 3844 天前的主题,其中的信息可能已经有所发展或是发生改变。
    就是
    http://v3.bootcss.com/components/
    旁边那个会打开,缩合的导航条,看了好久源码,还是看不明白,它自己提供的怎么找不到这个功能的组件?
    8 条回复    1970-01-01 08:00:00 +08:00
    zythum
        1
    zythum  
       2013-10-10 22:35:19 +08:00
    tonyjiang
        2
    tonyjiang  
       2013-10-10 22:41:43 +08:00
    滚动监听吧~
    icevil
        3
    icevil  
       2013-10-10 22:51:37 +08:00
    scrollspy.js: http://getbootstrap.com/javascript/#scrollspy

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

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


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

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

    非常的给力,下回做个小项目就试试
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   907 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 20:36 · PVG 04:36 · LAX 13:36 · JFK 16:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.