Monday 15 June 2015

javascript - Any way to scroll iframe even if the cursor isn't hovering it? -



javascript - Any way to scroll iframe even if the cursor isn't hovering it? -

maybe create javascript scrolls iframe on scrollwheel event? i'm not @ javascript though.

i found this, still don't know how target iframe , scroll it: get mouse wheel events in jquery?

here : http://jsfiddle.net/dsmeuzl5/

html :

<iframe id="myframe" src="//www.yourpage.com"></iframe>

js : var iframe = document.getelementbyid('myframe');

var mousewheelhandler = function (e) { // cross-browser wheel delta var e = window.event || e; // old ie back upwards var delta = math.max(-1, math.min(1, (e.wheeldelta || -e.detail))); console.log(delta); var doc = iframe.contentdocument ? iframe.contentdocument : (iframe.contentwindow ? iframe.contentwindow.document : iframe.document); doc.body.scrolltop = doc.body.scrolltop - (delta * 30); homecoming false; } if (window.addeventlistener) { // ie9, chrome, safari, opera window.addeventlistener("mousewheel", mousewheelhandler, false); // firefox window.addeventlistener("dommousescroll", mousewheelhandler, false); } // ie 6/7/8 else window.attachevent("onmousewheel", mousewheelhandler);

javascript iframe scroll

No comments:

Post a Comment