<!DOCTYPE html>
<html>
<head>
  <title>Menubar WebKit</title>
  <style>
  html {
    background-color: rgb(237, 237, 237);
  }
  h1 {
    text-align: center;
    font-family: "Helvetica Neue";
    color: #999;
    margin-top: 100px;
    font-size: 28px;
  }
  .button {
    text-align: center;
    margin-top: 40px;
  }
  </style>
</head>
<body>
  <h1>Menubar WebKit</h1>

  <audio src="audio.aac" autoplay></audio>

  <p class="button">
    <button id="notify">Notify</button>
    <button id="open">Open URL</button>
    <button id="quit">Quit</button>
    <button id="set-icon">Set Icon</button>
  </p>
  <canvas id="icon"></canvas>
  <canvas id="highlighted-icon"></canvas>
  <script type="text/javascript" src="jquery-2.1.0.min.js"></script>
  <script type="text/javascript" src="index.js"></script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <title>Menubar WebKit</title>
  <style>
  html {
    background-color: rgb(237, 237, 237);
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  body {
    height: 100%;
    width: 100%;
    overflow: auto;
  }
  h1 {
    text-align: center;
    font-family: "Helvetica Neue";
    color: #999;
    margin-top: 100px;
    font-size: 28px;
  }
  .button {
    text-align: center;
    margin-top: 40px;
  }
  </style>
</head>
<body>
  <h1>Menubar WebKit</h1>

  <audio src="audio.aac" autoplay></audio>

  <p class="button">
    <button id="notify">Notify</button>
    <button id="open">Open URL</button>
    <button id="quit">Quit</button>
    <button id="set-icon">Set Icon</button>
  </p>
  <canvas id="icon"></canvas>
  <canvas id="highlighted-icon"></canvas>
  <script type="text/javascript" src="jquery-2.1.0.min.js"></script>
  <script type="text/javascript" src="index.js"></script>
</body>
</html>

Disable scrolling in html level.
Disable scrolling in html level.
