0

大家好,我遇到了 iframe 问题,我想这并不罕见,首先我不想调整窗口大小,我只想拥有一个 350x500 的 iframe,我希望我调用的页面位于 atm 中心,它只显示页面的左上角找到了很多更改 div 大小的解决方案,但找不到调整滚动条的方法。提前致谢

    <iframe scrolling="yes" height="1092" width="100%" frameborder="0" src="http://sms.altasoft.gr/panel/index.asp?lang=el&disp_function=user_login&id=5E8A0F4B-063B-4A7A-81FE-99579AF44BAA">


<p>Your browser does not support iframes.</p>
    </iframe>
4

1 回答 1

1

由于 iframe 的性质,使用 jquery 动态调整滚动条也可能是一项艰巨的任务。但是在您的情况下,我猜您只想移动一次位置以使包含页面的有意义部分居中,对吗?

您可以将 iframe 包装在 div 中并将其绝对定位到包装器 div,如下所示:

<head>
    <style type="text/css">
        #iframe_wrapper {
            width: 530px;
            height: 200px;
            overflow: hidden;
            position: relative;
        }

        #iframe {
            position: absolute;
            top: -140px;
            left: -540px;
            width: 1600px;
            height: 900px;
        }
    </style>
</head>

<body>
    <div id="iframe_wrapper">
        <iframe id="iframe" scrolling="no" src="http://sms.altasoft.gr/panel/index.asp?lang=el&disp_function=user_login&id=5E8A0F4B-063B-4A7A-81FE-99579AF44BAA">
            <p>Your browser does not support iframes.</p>
        </iframe>
    </div>
</body>

如果您想以不同的方式定位和/或显示它,请使用 CSS(包装器 div 的宽度和高度,iframe 的顶部和左侧)。

当然,如果需要,您可以随时使用 javascript 动态更改 css 属性。

于 2013-07-19T10:45:06.150 回答