首页 > 如何在iframe里实现导航条随屏滚动?

如何在iframe里实现导航条随屏滚动?

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

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

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

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


没看到你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...


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

【热门文章】
【热门文章】