使用 iframe 的 2 个导航栏答案

【问题标题】：2 navigator Bars By Using Iframe使用 iframe 的 2 个导航栏
【发布时间】：2014-08-13 12:47:35
【问题描述】：

我有 3 个 DIV，一个在顶部宽度 100% 上，另外 2 个在下面。

下面，我有 1 个 DIV 在左边，另一个在右边，它包含一个 iframe。由于 iframe 中的页面太长，导致 iframe 上出现一个导航栏，同时浏览器上出现另一个导航栏！

我尝试overflow-y:hidden;，它没有帮助。然后我尝试scrolling="no"，iframe 的滚动条消失了，但是我滚动到了页面底部。

您知道如何摆脱 iframe 上的滚动条并可以使用浏览器的导航栏查看底部页面吗？谢谢！

HTML

<div class="top">hthe</div>
<div class="left">nhnn ngbgw b bw</div>
<div class='right'><iframe src='http://javascript.about.com/od/ajax/a/ajaxasyn.htm'  style='border:0'></iframe></div>

CSS

    .top{
        float:left; 
        width:100%; 
        height:230px; 
        background-color:green;
    }
    .left{
        float:left; 
        width:30%; 
        background-color:red
    }
    .right{   
        height: 100%;
        max-width: 100%;
    }
    .right iframe{
        position: absolute;
        top:230px;
        left: 30%;
        bottom: 0;
        width: 70%;
        height: 100%;
        float:left;
        overflow-y:hidden;
    }

【问题讨论】：

标签： html css

【解决方案1】：

试试这个---

<div class="top">hthe</div>
<div class="left">nhnn ngbgw b bw</div>
<div class='right'><iframe src='http://javascript.about.com/od/ajax/a/ajaxasyn.htm' 
scrolling="no" style="border:0;overflow:hidden;display:block; 
position: absolute; height: 100%; width: 100%"></iframe></div>

http://jsfiddle.net/leowebdev/tm38f245/

【讨论】：

谢谢你，LeoWebDev！，但它不起作用。我们无法滚动到页面底部。
所以你想在没有滚动条的情况下滚动？或者您想显示 iframe 窗口但显示页面底部？您必须使用 jquery 来更改 offset.top >> 搜索 jquery .offset().top;