html – 偏移iframe中的网页位置

html – 偏移iframe中的网页位置,第1张

概述我有一个iframed出窗口,应该加载一个表单. 表单是较大页面的一部分,包含一些输入字段. 在这种情况下,加载它的iframe(并且限制为大约1000px宽)充当不同页面的“窗口”. 是否有一种方法可以在iframe中加载iframe而不是内容本身?我想在iframe中加载整个html文档但是有一个偏移量,以便iframe窗口只显示通常在侧面或底部或其他东西上截止的字段,看看iframe大小是如 我有一个iframed出窗口,应该加载一个表单.

表单是较大页面的一部分,包含一些输入字段.

在这种情况下,加载它的iframe(并且限制为大约1000px宽)充当不同页面的“窗口”.

是否有一种方法可以在iframe中加载iframe而不是内容本身?我想在iframe中加载整个HTML文档但是有一个偏移量,以便iframe窗口只显示通常在侧面或底部或其他东西上截止的字段,看看iframe大小是如何限制的但是页面被显示不是.

解决方法 有几种方法可以做到这一点,你可以在网址中包含一个ID,如:
http://somesite.com/yourpage#anchor

这可以工作,但如果您不拥有该网站iframe(如某种自定义视频网站没有iframe集成),您可以通过CSS与空的offseted div执行此 *** 作:
http://aldebaranwebdesign.com/blog/how-to-position-a-page-within-an-iframe/

你的CSS:

#outerdiv{wIDth:446px;height:246px;overflow:hidden;position:relative;}#inneriframe{position:absolute;top:-412px;left:-318px;wIDth:1280px;height:1200px;}

HTML:

<div ID='outerdiv'><iframe src="http://www.siteto integrate.com/" ID='inneriframe' scrolling=no></iframe></div>
总结

以上是内存溢出为你收集整理的html – 偏移iframe中的网页位置全部内容,希望文章能够帮你解决html – 偏移iframe中的网页位置所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1078954.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存