我有两个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页面中。
我很感激如何让它正常工作。
感谢。