#### 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%' } } ```