V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Sherlockhlt
V2EX  ›  程序员

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

  •  
  •   Sherlockhlt · Oct 10, 2013 · 5301 views
    This topic created in 4581 days ago, the information mentioned may be changed or developed.
    就是
    http://v3.bootcss.com/components/
    旁边那个会打开,缩合的导航条,看了好久源码,还是看不明白,它自己提供的怎么找不到这个功能的组件?
    8 replies    1970-01-01 08:00:00 +08:00
    zythum
        1
    zythum  
       Oct 10, 2013
    tonyjiang
        2
    tonyjiang  
       Oct 10, 2013
    滚动监听吧~
    icevil
        3
    icevil  
       Oct 10, 2013
    scrollspy.js: http://getbootstrap.com/javascript/#scrollspy

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

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


    另外,
    bootcss.com 不是官网,并且里边有个 less 中文那个链接里边都完全翻译错了!!
    qazwsxedc121
        8
    qazwsxedc121  
       Oct 12, 2013
    一些jquery插件

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

    非常的给力,下回做个小项目就试试
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3562 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 12:01 · PVG 20:01 · LAX 05:01 · JFK 08:01
    ♥ Do have faith in what you're doing.