fullscreen using javascript

solved fullscreen scroll bar issue for firefox

by Nagaraju Vuppala

HTML

<body>
  <input type="button" value="click to go fullscreen" onclick="requestFullScreen()">
  <p>
   1 some text to make screnn bigger
  </p>
    <p>
     2some text to make screnn bigger
  </p>
    <p>
   3 some text to make screnn bigger
  </p>
    <p>
    4some text to make screnn bigger
  </p>
    <p>
    5some text to make screnn bigger
  </p>
    <p>
   6 some text to make screnn bigger
  </p>
    <p>
    7some text to make screnn bigger
  </p>  <p>
   8 some text to make screnn bigger
  </p>
    <p>
   9 some text to make screnn bigger
  </p>
    <p>
   10 some text to make screnn bigger
  </p>
    <p>
   11some text to make screnn bigger
  </p>
    <p>
    12 some text to make screnn bigger
  </p>
    <p>
    13 some text to make screnn bigger
  </p>
    <p>
   14 some text to make screnn bigger
  </p>
    <p>
   15 some text to make screnn bigger
  </p>
    <p>
    16 some text to make screnn bigger
  </p>
</body>

CSS

p {
  font-size: 30px;
  color: #fff;
}
body {
 overflow:scroll;
}

JavaScript

function requestFullScreen() {

  //var el = document.body;
  var el = document.documentElement;

  // Supports most browsers and their versions.
  var requestMethod = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;

  if (requestMethod) {

    // Native full screen.
    requestMethod.call(el);

  } else if (typeof window.ActiveXObject !== "undefined") {

    // Older IE.
    var wscript = new ActiveXObject("WScript.Shell");

    if (wscript !== null) {
      wscript.SendKeys("{F11}");
    }
  }
  alert(window.innerHeight());
  el.css("height",window.innerHeight())
}