#### 1、问题描述 客户需求; 导航页面底部返回导航菜单栏默认隐藏状态，当鼠标移到页面底部，底部返回导航菜单栏显示，进而增强大屏展示效果。 #### 2、问题原因 开发此功能，需要在nav.html中监听iframe页面鼠标位置信息，控制返回导航菜单栏显示状态。 #### 3、解决方案 获取iframe的document对象 ``` window.frames[0].document ``` 获取iframe的事件监听对象 ``` var e = window.frames[0].event || window.frames[0].window.event ``` 完整的方法 ``` var maxHeight = document.body.clientHeight * 7 / 10 window.frames[0].document.onmousemove = function(e) { var e = window.frames[0].event || window.frames[0].window.event if(e.clientY > maxHeight) { document.getElementById('iframeId').style.height = '97%' }else{ document.getElementById('iframeId').style.height = '100%' } } ```