facebook或校内中底部工具栏效果的实现

facebook一天上不去,无法确认效果.
小小研究了下校内的底部工具栏,发现在源代码里面并没有它的内容,而用"开发人员工具"去查看HTML,虽然能定位到那个工具栏,但那个布局和代码,有些摸不着头脑.
望哪位大虾指点一二,facebook和校内是如何实现的?(好像不是用window.onresize和window.onscroll来实现的,这种方式在滚动的时候显示不平滑)
最好能提供一些简单的例子实现.

解决方案 »

  1.   

    <div style="position:fixed;bottom:0px;">123123</div>
      

  2.   

    没用~有试过~(莫非我的代码不对?)
    注意:
    1.窗口大小变化时,仍然在最底部;
    2.滚动时,仍然在最底部,且滚动过程不会产生不平滑的视觉效果(用onscroll或setTimeOut都会产生).
      

  3.   

    2楼的,你在这个层的前后(是前后都有!)各加上n个<br>,使得超过1页的长度试试.
      

  4.   

    汗...我错了...
    原以为fixed有问题...没想到是ie8的问题~...无语了~
    自己原先想的和楼上的正解...不过只限在ff和chrome下面,ie上(包括ie8)没有效果...貌似还是不支持fixed属性?
      

  5.   

    ie7开始支持fixed属性 ie6需要加hack
      

  6.   

    我用ie8测试,fixed属性还是没有效果~ie7没测...尚不知~
      

  7.   

    IETESTER  for IE8测试正常
      

  8.   

    奇怪了~但是xiaonei为什么在ie下面也可以呢?自己写/找了n个fixed的例子在ie8上面就是没有效果,在ff3上面随便一个都成.why?
      

  9.   

    就你的这个例子就不行:
    <html>
    <head>
    </head>
    <body>
    <div style="position:fixed;bottom:0px;">123123 </div> 
    </body>
    </html>
    不会是我的ie8有问题吧~?- -!
      

  10.   

    ietester下ie6无效，其它firefox3.5,chrome2.0,safari4.0.3,opera9.64下fixed测试通过
      

  11.   

    我没用ietester,我是已经安装了ie8,直接在ie8下面打开的...没有效果...直接在其他浏览器上测试,均没问题(Firefox/Chrome).
      

  12.   

    是你例子的问题，加上w3c的dtd就行了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    </head>
    <body>
    <div style="position:fixed;bottom:0px">123123 </div> 
    </body>
    </html>
      

  13.   

    <div style="position:fixed;bottom:0px;">123123 </div>
      

  14.   

    可以参考下面的两篇文章，挺好的，
    第一篇讲的是如何登陆facebook和外国的网站，
    第二篇是关于facebook架构，如何在上面开发属于自己的游戏，和游戏集成的文章的。http://www.docin.com/p-54714220.html
    http://www.docin.com/p-46592011.html