Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype html>
<meta charset="utf-8" />
<title> scrollIntoView polyfill of the CSSOM-view proposal </title>
<style>
html {
  height: 300%;
  width: 300%;
}
div#some {
  position: absolute;
  background: black;
  width: 2px;
  height: 2px;
}
iframe {
  position: absolute;
  width: 40px;
  height: 40px;
  border: 0;
}
div.success, div.fail {
  border-radius: 3px 0px 3px 4px;
  max-width: 12cm;
  padding: 7px;
  margin: 5px;
}
div.success {
  border-left: green 2px solid;
  border-bottom: green 1px solid;
  background: -moz-linear-gradient(35deg, green, #af6 17px, white 20px);
  background: -webkit-linear-gradient(35deg, green, #af6 17px, white 20px);
  background: linear-gradient(35deg, green, #af6 17px, white 20px);
  box-shadow: inset 3px -3px 3px -3px #4a0;
}
div.fail {
  border-left: red 2px solid;
  border-bottom: red 1px solid;
  background: -moz-linear-gradient(35deg, red, #fa6 17px, white 20px);
  background: -webkit-linear-gradient(35deg, red, #fa6 17px, white 20px);
  background: linear-gradient(35deg, red, #fa6 17px, white 20px);
  box-shadow: inset 3px -3px 3px -3px #a40;
}
</style>
​
<div id="some"></div>
<div id="results"></div>
<iframe id="frame" src="http://jsbin.com/3/ojoguy/3"></iframe>
 
​
Output

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

Dismiss x
public
Bin info
foopro
0viewers