Tumblr的登录界面的CSS是怎么写的?研究了半夜还是不知道是怎么回事。
Tumblr下方的footer的position为relative,但是为什么可以随窗口大小移动?
作者: xipx 发布时间: 2011-06-25
和footer没有关系的,改变的是父ID #startpage如下:
<div id="startpage" class="startpage" style="margin-top: -390px; min-height: 580px; height: 580px; overflow: hidden;">
<div id="wrap" class="wrap" style="height: 580px; overflow: hidden;">
<div id="footer">
</div>
而且,div#startpage其实也定义了position:ratlive,这个和使用js做动画没有关系的,代码基本的逻辑是,使用js循环改变margin-top的值,从0px到-390px,动画持续1秒.所以当点击箭头时候,版块就会上升.
<div id="startpage" class="startpage" style="margin-top: -390px; min-height: 580px; height: 580px; overflow: hidden;">
<div id="wrap" class="wrap" style="height: 580px; overflow: hidden;">
<div id="footer">
</div>
而且,div#startpage其实也定义了position:ratlive,这个和使用js做动画没有关系的,代码基本的逻辑是,使用js循环改变margin-top的值,从0px到-390px,动画持续1秒.所以当点击箭头时候,版块就会上升.
作者: 梁琦_32 发布时间: 2011-06-25