ansaurus

Question

Answer 1

+3 A:

The following code inside the iframe document will prevent it from scrolling:

document.onkeydown = function(evt) {
    evt = evt || window.event;
    var keyCode = evt.keyCode;
    if (keyCode >= 37 && keyCode <= 40) {
        return false;
    }
};

Tim Down 2010-07-08 21:09:56

that will prevent the iframe from scrolling, but i want to prevent the page from scrolling.

Jcubed 2010-07-08 21:31:31

But if the iframe is focussed, how can arrow keys be affecting the parent document?

Tim Down 2010-07-15 08:37:27

@Tim Down - It's because the way he focus it doesn't work as it should. My answer provide him with the code to fix that issue.

Gert G 2010-07-17 14:17:53

Answer 2

A:

This works except IE:

window.top.document.onkeydown = function(evt) {
    evt = evt || window.event;
    var keyCode = evt.keyCode;
    if (keyCode >= 37 && keyCode <= 40) {
        return false;
    }
};

galambalazs 2010-07-14 02:43:04

Answer 3

A:

This code does the trick:

JavaScript

<script type="text/javascript">
  function focusOnIframe(iFrameID) {
    if (frames[iFrameID]!=undefined)
      frames[iFrameID].focus(); // Works in all browser, except Firefox
    else
      document.getElementById(iFrameID).focus();  // Works in Firefox
  }
</script>

HTML (example)

<input type="button" id="setfocus" value="Set focus" onclick="focusOnIframe('myiframe')" />

<p>Bla<br />Bla<br />Bla<br />Bla<br />Bla<br /></p>  <!-- Just some filler -->

<iframe id="myiframe" src="yourpage.html"></iframe>

<p>Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br /></p>  <!-- Just some filler -->

I've tested it in Firefox 3.6.6, Iron 5.0.380, Opera 10.60, IE 6 and IE 8.

Gert G 2010-07-14 02:49:37

you understand that the question involves scrolling, right? not focusing?

Jcubed 2010-07-15 02:10:32

The problem is that your focus isn't working, correct? I.e. when the iframe is focused and you use the arrow keys, it scrolls the parent. The above code sets the focus and the parent doesn't scroll.

Gert G 2010-07-15 02:39:43

no, it focuses on the frame

Jcubed 2010-07-15 05:36:12

And when you use up and down key, the parent scrolls, correct?

Gert G 2010-07-15 09:50:30

Answer 4

A:

I have the same issue both frames scroll with the arrow keys when focused on the iframe

Ben 2010-10-01 00:32:14

ansaurus

tags:

views:

answers:

prevent scrolling with arrow keys

related questions