iFrameスクロールバーを非表示にしてもマウスホイールでスクロールできる

Question

iPhoneシミュレータを作成し、iFrameにウェブページを表示するだけです。スクロールバーはあまりにも多くの部屋を占めているので、私はそれらを隠したいが、まだスクロールする能力がある。

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

、スクロールバーは表示されませんが、私はスクロールすることはできません。ここ

はHTMLです。私は私の矢印キーを使用することができ、それは正常に動作しますが、私は本当にマウスホイールを使用する能力が欲しい

誰にもアイデアはありますか？

Answer 1

これあなたがマウスホイールの動きを検出するために、必要なものを与える必要があります。http://www.adomas.org/javascript-mouse-wheel/

を、これはあなたがページのスクロールを制御するために必要なものを与える必要があります。 http://www.mediacollege.com/internet/javascript/page/scroll.html

決定し、マウスのホイールを検出方向、それに応じてスクロールします。