ifram滚动条与窗口滚动条联动

阿牛138588 2011-10-12 04:50:03
近来在做外贸网站,考虑到网页的显示速度问题,我将一个网页分两部分显示,上半部显示产品的基本信息,接着整个ifram显示比较详细的信息,包括大量的图片,Ifram的内容要浏览者点击一个按键才会开始装载。

现在碰到的问题是,ifram装载完后,左竖滚条很长,但是窗口滚动条却没有变化,请问我该怎么做才会在ifram装完网页后计算ifram的竖滚动条,然后让外面的窗口的网页(也就是ifram的容器页)的高度增加,并显示竖滚动条,使用户不需要点ifram的滚动条(只点击窗口滚动条)就可以浏览完整的网页?


请给出代码,按代码给分。

谢谢!
...全文
202 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
nizhicheng 2011-10-25
  • 打赏
  • 举报
回复

<iframe frameborder="0" scrolling="no" name="demo"
onload="document.all.demo.height=document.frames[’demo’].document.body.scrollHeight" src="demo.htm" width="100%"></iframe>


[Quote=引用 5 楼 nizhicheng 的回复:]
如果页面没有加载完成是无法知道它的高度的,所以不能直接设置,而必须通过iframe的onload事件来触发脚本,在 iframe 加载完后重新设置它的高为所加载文档的滚动高度。
例子 <iframe frameborder="0" scrolling="no" name="demo"
onload="document.all.demo.height=document.frames[’你的I……
[/Quote]
nizhicheng 2011-10-25
  • 打赏
  • 举报
回复
如果页面没有加载完成是无法知道它的高度的,所以不能直接设置,而必须通过iframe的onload事件来触发脚本,在 iframe 加载完后重新设置它的高为所加载文档的滚动高度。
例子 <iframe frameborder="0" scrolling="no" name="demo"
onload="document.all.demo.height=document.frames[’你的IFRAME ID在这里’].document.body.scrollHeight" src="demo.htm" width="100%"></iframe>
一秒L 2011-10-25
  • 打赏
  • 举报
回复
把滚动条隐藏了,,,然后根据内容动态获取<iframe>的高度
阿牛138588 2011-10-25
  • 打赏
  • 举报
回复
麻烦你给出代码吧,顺便告诉我这段代码放在哪个位置,在什么时候执行..

感觉要页面加载完了才能获得总高宽吧?有总高宽才可以设置?
桃园闲人 2011-10-12
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 softroad 的回复:]

scrollLeft 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。
scrollTop 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。
[/Quote]
softroad 2011-10-12
  • 打赏
  • 举报
回复
scrollLeft 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。
scrollTop 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。

81,094

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧