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

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