Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div id=container>
    Douple-tap zoom disabled within this blue container which has '<span id=m>touch-action: manipulation</span>'<br>
    <div id=scroller>
      Double-tap is still disabled inside this scroller. 
      <div id=spacer>
      </div>
    </div>
    And disabled inside of the below iframe<br>
    <iframe src="http://wikipedia.org/" height=100></iframe>
  </div>
  But you can still double-tap zoom outside the blue container, including inside the below iframe.<br>
  <iframe src="http://wikipedia.org/"></iframe>
</body>
</html>
 
#container {
  background-color: lightblue;
  padding: 20px;
  margin: 20px;
  touch-action: manipulation;
  border: 1px solid black;
}
#m {
  color: red;
}
#scroller {
  overflow: scroll;
  padding: 10px;
  border: 1px solid grey;
  height: 50px;
}
#spacer {
  height: 100px;
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
rbyerspro
0viewers