Skip to content

Instantly share code, notes, and snippets.

@lafikl

lafikl/scrollable.html

Last active August 29, 2015 14:02
Show Gist options
  • Save lafikl/cf088bbf02798c66b0f5 to your computer and use it in GitHub Desktop.
Save lafikl/cf088bbf02798c66b0f5 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. lafikl revised this gist Jun 12, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions scrollable.html
    View file
    Original file line number Diff line number Diff line change
    @@ -14,8 +14,8 @@
    var scrollable = document.getElementsByClassName('scrollable')[0]
    var s = new Steady({
    conditions: {
    "min-width": 400px,
    "max-bottom": 200px
    "min-width": 400,
    "max-bottom": 200
    },
    scrollElement: document.getElementsByClassName('scrollable')[0],
    handler: fn
  2. lafikl created this gist Jun 11, 2014.
    43 changes: 43 additions & 0 deletions scrollable.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,43 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>Hello world!</title>
    </head>
    <body>

    <!-- some HTML things here -->

    <div class="scrollable"></div>

    <script type="text/javascript" src="Steady.js"></script>
    <script>
    var scrollable = document.getElementsByClassName('scrollable')[0]
    var s = new Steady({
    conditions: {
    "min-width": 400px,
    "max-bottom": 200px
    },
    scrollElement: document.getElementsByClassName('scrollable')[0],
    handler: fn
    });


    function fn(values, done) {
    var xhr = new XMLHttpRequest();

    xhr.open('GET', 'imgs.html');
    xhr.onreadystatechange = function() {
    if ( xhr.readyState == 4 ) {
    scrollable.innerHTML += xhr.response;

    // telling Steady that we're done processing!
    done();
    }
    };

    xhr.send();
    }

    </script>
    </body>
    </html>