Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
    <title>JS Bin</title>
</head>
<body>
    <div id="console" style="height:1500px;"></div>
</body>
</html>
 
p {
  margin:0;
}
#console {
    background:red;
}
 
function print() {
    var p = document.createElement("p"),
        text = Array.prototype.join.call(arguments, ", ");
    p.textContent = text;
    document.getElementById("console").appendChild(p);
    return text;
}
$(function() {
    $(window).scroll(function() {
        var scrollFromTop = $(document).scrollTop();
        $("#console").css("opacity", 1.5-scrollFromTop/250);
    });
});
Output

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

Dismiss x
public
Bin info
GuimDevpro
0viewers