首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >跳跳中的锚固环节

跳跳中的锚固环节
EN

Stack Overflow用户
提问于 2013-09-19 12:08:23
回答 2查看 1.2K关注 0票数 1

我在页面中间有一个iframe,。我正试图在iframe中显示另一页,但要从下面几段开始,而不是在顶部。

因此,我在我的iframe src中放置了一个锚,对应于我另一个页面中的锚名标记。

iframe滚动自身正常,但是页面的主体也会滚动,这样iframe的顶部就在屏幕的顶部,这不是我想要的。

有没有办法只滚动iframe,主页的顶部仍然在屏幕的顶部

代码语言:javascript
运行
复制
<iframe scrolling="no" src="http://www.mysite.com/#anchorlink"></iframe>
EN

回答 2

Stack Overflow用户

发布于 2013-09-19 14:35:21

您可以将主页的主体样式位置临时设置为“固定”,然后在iframe "onload“事件中将其重置为默认设置,例如给iframe一个ID

代码语言:javascript
运行
复制
<iframe scrolling="no" id = "ifr"></iframe>

并添加以下代码:

代码语言:javascript
运行
复制
var ifr = document.getElementById("ifr");

document.body.style.position = "fixed";

ifr.onload = function() {document.body.style.position = ""};
ifr.src =  "http://www.mysite.com/#anchorlink"
票数 1
EN

Stack Overflow用户

发布于 2013-09-19 12:16:50

将你的iframe放在表格标签中,并给出iframe所需的高度,这样它也可以避免滚动(如果不是必要的话)。

代码语言:javascript
运行
复制
<table>
        <tr>
            <td>top section</td>
        </tr>
        <tr>
            <td><iframe frameborder="0" height='650px;' width='100%'
                    id="pageframe" name="pageframe" src="http://www.mysite.com/#anchorlink"> </iframe>
            </td>
        </tr>
        <tr>
            <td>bottom section</td>
        </tr>
    </table>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18894213

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档