關於內嵌頁面與原頁面鼠標滾動條隱藏的問題解決

　　根據需求需要在頁面中嵌入一個別的html文件(台風路徑圖)，於是我用iframe直接連接展示台風路徑的頁面,但該頁面是需要通過鼠標滾輪的滾動來縮放地圖的，而我原有的頁面也有滾動條，兩者雖然互不影響但用戶體驗太差,於是尋找解決方案；由於本職是寫后台的加上能力確實有限,各種百度都沒有解決,最后問了一個之前比較牛的一個前端同事,完美解決了我的需求,這里寫出來

　　其實就是通過mouseover和mouseout事件來控制body和iframe的css樣式來解決的，代碼如下

// iframe 的鼠標移入事件(隱藏windows的滾動條)
$("iframe的id").mouseover(function(){
   $("body").css("overflow","hidden");     
   $("iframe的id").css("overflow","auto");     
})


// iframe 的鼠標移出事件(顯示windows的滾動條)
$("iframe的id").mouseout(function(){
   $("body").css("overflow","auto");     
   $("iframe的id").css("overflow","hidden");     
})

這樣操作之后,就能完美解決我的需求了，完全沒有我之前想的那么復雜;