javascript - 如何在iframe里实现导航条随屏滚动？

Question

例如：http://www.10danteng.com/ 这样实现了导航条固定到顶部和底部

但是在iframe就不行了，例如：http://rc.qzone.qq.com/100642926

如何实现在iframe里导航条固定位置？？？

问题是解决了，但是总是跳动，一跳一跳的，怎么解决。。。

Answer 1

楼主给出的两个网站我打开看了一下，貌似iframe里都是脚本，没有实体DOM。并且在第一个例子里，iframe还被设置成了position: absolute;top: -1000px;left: -1000px;这就意味着你绝对看不到iframe。
如果楼主想把一个html元素固顶在窗口某一位置，有两种方法：
第一种是用javascript去控制，但是效率不高，如果机器配置低的话会出现楼主所说的卡顿。
第二种是通过css去控制，将position设置为fixed,这个元素就会固顶在窗口视角上，然后通过top和left来设置具体要显示的位置。

Answer 2

没看到你iframe里面的滚动条在哪...

方案一：
一个简单的iframe中实现子页面position:fixed效果，依赖jQuery、同域环境

$(parent.window).scroll(function(){
  $('#header_fixed').css({
    top : $(parent.window).scrollTop();
  });
});

PS:在Chrome下面该方案完美模拟了position:fixed的效果，但在ie和ff下面会有不一样的感觉

方案二：
https://github.com/sxalexander/jquery...