iFrame Hide Полосы прокрутки, но все еще можно прокручивать с помощью колеса мыши

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

Определить колесо мыши, определить направление, прокрутить соответственно.