iFrame隱藏滾動條，但仍然能夠用鼠標滾輪滾動

Question

我想要做的是製作一個iPhone模擬器，並只需在iFrame中顯示網頁。滾動條佔用了太多空間，所以我想隱藏它們，但仍然有滾動的能力。

下面是HTML：

<div id="iphone"> 
    <iframe src="http://site.com" width="307" height="443"><p>Your Browser does not support iFrames.</p></iframe> 
</div> 

CSS：

#iphone { background:url(iPhone.png) no-repeat; width:368px; height:706px; position:relative; overflow:hidden; } 
#iphone iframe { position:absolute; left:30px; top:143px; border:0;overflow:hidden; } 

現在它的工作好，滾動條是隱藏的，但我不能滾動。我可以使用我的箭頭鍵，它工作正常，但我真的想要使用鼠標滾輪的能力

有沒有人有任何想法？

Answer 1

這應該給你你需要檢測鼠標滾輪移動內容：http://www.adomas.org/javascript-mouse-wheel/

這應該給你你需要控制頁面滾動的內容： http://www.mediacollege.com/internet/javascript/page/scroll.html

檢測鼠標滾輪，確定方向，相應地滾動。