Question

大家好，我有一个iframe问题，我猜它并不罕见，首先我不想调整窗口大小我只想拥有一个iframe 350x500，我想要的页面我打电话给中心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>

Answer 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，请使用CSS（包装div的宽度和高度，iframe的顶部和左侧）。

当然，如果需要，您可以使用javascript随时改变css属性。

iframe我需要调整滚动条

1 个答案: