Html iFrame隐藏滚动条，但仍能使用鼠标滚轮滚动

我想做的是制作一个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>

现在它的工作很好，滚动条是隐藏的，但我不能滚动。我可以使用我的箭头键，它工作得很好，但我真的希望能够使用鼠标滚轮

---

有人有什么想法吗？

这将为您提供检测鼠标滚轮移动所需的信息：

这将为您提供控制页面滚动所需的功能：

---

检测鼠标滚轮，确定方向，相应滚动。

这将为您提供检测鼠标滚轮移动所需的信息：

这将为您提供控制页面滚动所需的功能：

检测鼠标滚轮，确定方向，相应滚动

#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; }