当高度不是100%时,iFrame不可滚动

时间:2017-04-19 15:52:21

标签: javascript html css jsp iframe

我有两个iFrame,一个是内容(这无关),但是一个让我疯狂的是一个垂直菜单而不是向用户显示几个选项。

每次出现垂直菜单(让我们称之为 vmenu )时,我会根据菜单显示的选项数量来计算其高度,如果是结果高度大于window.innerHeight,vmenu的高度设置为该window.innerHeight。

但是它不会滚动。相反,如果我将其高度设置为100%,它将是可滚动的,但将扩展到整个页面(背景页面),这使得它也可以滚动(两个可滚动的框架,可怕)。

我唯一想要的是将vmenu的高度设置为window.innerHeight并且可以滚动而不会影响整个页面。

我已设置overflow-y: scroll并尝试将滚动属性设置为“是”'并强迫它,但没有。

我的iframe代码:

<iframe 
    id="iFrameVMenu" 
    name="iFrameVMenu" 
    frameborder="0" 
    style="width: 0%; height: 100%; position: absolute; right: 0px; visibility: hidden; overflow-y: scroll;" 
    scrolling="auto" 
    src='<%= request.getContextPath() + "/.../.../.../layout.jsp" %>' 
    onmouseout="...">

如果有帮助,我提到的这两个iframe(现在只有一个问题)在JSP页面中。

我很感激如何让它正常工作。

感谢。

0 个答案:

没有答案