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>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width initial-scale=1 user-scalable=no maximum-scale=1">
  <title>Kinetic Scrolling</title>
  <link rel="stylesheet" href="../css/pure-nr-min.css">
  <link rel="stylesheet" href="../css/style.css">
  <script src="../js/raf.js"></script>
  <script src="scroll.js"></script>
</head>
<body>
  <div id="indicator"></div>
  <div class="pure-g" id="content">
    <div class="pure-u-1" id="view">
      <table class="pure-u-1 pure-table pure-table-striped pure-table-horizontal">
        <tbody>
   
          <tr class="blue"><td>Kinetic scrolling with momentum</td></tr>
          <tr class="blue"><td>With edge bouncing effect</td></tr>
          <tr><td>&nbsp;</td></tr>
          <tr><td>Abby <b>Riley</b></td></tr>
          <tr><td>Adela <b>Lewis</b></td></tr>
          <tr><td>Adriana <b>Bailey</b></td></tr>
          <tr><td>Aileen <b>Munoz</b></td></tr>
          <tr><td>Alba <b>Wiggins</b></td></tr>
          <tr><td>Alexandria <b>Morales</b></td></tr>
          <tr><td>Alicia <b>Richardson</b></td></tr>
          <tr><td>Alison <b>Wells</b></td></tr>
          <tr><td>Allyson <b>Kennedy</b></td></tr>
          <tr><td>Alyce <b>Gutierrez</b></td></tr>
          <tr><td>Amanda <b>Mcconnell</b></td></tr>
          <tr><td>Amparo <b>Ross</b></td></tr>
          <tr><td>Andrea <b>Finch</b></td></tr>
          <tr><td>Angelica <b>Lee</b></td></tr>
          <tr><td>Angelita <b>Bernard</b></td></tr>
          <tr><td>Anna <b>Hendrix</b></td></tr>
          <tr><td>Annie <b>Orr</b></td></tr>
          <tr><td>April <b>Huff</b></td></tr>
          <tr><td>Ashlee <b>Cochran</b></td></tr>
          <tr><td>Augusta <b>Wright</b></td></tr>
          <tr><td>Ava <b>Hester</b></td></tr>
          <tr><td>Beatrice <b>Britt</b></td></tr>
          <tr><td>Benita <b>Fischer</b></td></tr>
          <tr><td>Berta <b>Thornton</b></td></tr>
          <tr><td>Bessie <b>Simpson</b></td></tr>
          <tr><td>Bette <b>Nicholson</b></td></tr>
          <tr><td>Beulah <b>Bright</b></td></tr>
          <tr><td>Billie <b>Hodge</b></td></tr>
          <tr><td>Bobbie <b>Cooley</b></td></tr>
          <tr><td>Brandie <b>Vincent</b></td></tr>
          <tr><td>Brianna <b>Nichols</b></td></tr>
          <tr><td>Brigitte <b>George</b></td></tr>
          <tr><td>Brooke <b>Gould</b></td></tr>
          <tr><td>Candace <b>Hughes</b></td></tr>
          <tr><td>Carey <b>Whitney</b></td></tr>
          <tr><td>Carly <b>Stevens</b></td></tr>
          <tr><td>Carol <b>Olson</b></td></tr>
          <tr><td>Carolyn <b>Ellis</b></td></tr>
          <tr><td>Cassandra <b>Rodgers</b></td></tr>
          <tr><td>Cathleen <b>Petersen</b></td></tr>
          <tr><td>Cecile <b>Mueller</b></td></tr>
          <tr><td>Celina <b>Koch</b></td></tr>
          <tr><td>Charlotte <b>Oneil</b></td></tr>
          <tr><td>Cheri <b>Mcgowan</b></td></tr>
          <tr><td>Chris <b>Buckner</b></td></tr>
          <tr><td>Christie <b>Faulkner</b></td></tr>
          <tr><td>Chrystal <b>Farmer</b></td></tr>
          <tr><td>Clare <b>Edwards</b></td></tr>
          <tr><td>Claudia <b>Clark</b></td></tr>
          <tr><td>Colette <b>Pennington</b></td></tr>
          <tr><td>Connie <b>Gill</b></td></tr>
          <tr><td>Corina <b>Yang</b></td></tr>
          <tr><td>Corrine <b>Black</b></td></tr>
          <tr><td>Cynthia <b>Gilmore</b></td></tr>
          <tr><td>Danielle <b>Copeland</b></td></tr>
          <tr><td>Darlene <b>Armstrong</b></td></tr>
          <tr><td>Deanna <b>Pena</b></td></tr>
          <tr><td>Deborah <b>Schmidt</b></td></tr>
          <tr><td>Deidre <b>Sharp</b></td></tr>
          <tr><td>Delores <b>Mcgee</b></td></tr>
          <tr><td>Desiree <b>Berg</b></td></tr>
          <tr><td>Dianna <b>Cohen</b></td></tr>
          <tr><td>Dixie <b>Dunlap</b></td></tr>
          <tr><td>Dominique <b>Flynn</b></td></tr>
          <tr><td>Doreen <b>York</b></td></tr>
          <tr><td>Dorthy <b>Maynard</b></td></tr>
          <tr><td>Ebony <b>Farrell</b></td></tr>
          <tr><td>Edwina <b>Burnett</b></td></tr>
          <tr><td>Elba <b>Mccormick</b></td></tr>
          <tr><td>Elisa <b>Brown</b></td></tr>
          <tr><td>Elizabeth <b>Roberson</b></td></tr>
          <tr><td>Elnora <b>Hammond</b></td></tr>
          <tr><td>Elva <b>Townsend</b></td></tr>
          <tr><td>Emily <b>Logan</b></td></tr>
          <tr><td>Ericka <b>Langley</b></td></tr>
          <tr><td>Erna <b>Christian</b></td></tr>
          <tr><td>Essie <b>Herring</b></td></tr>
          <tr><td>Ester <b>Booth</b></td></tr>
          <tr><td>Eugenia <b>Sullivan</b></td></tr>
          <tr><td>Evangelina <b>Bennett</b></td></tr>
          <tr><td>Faith <b>Ramirez</b></td></tr>
          <tr><td>Faye <b>Hogan</b></td></tr>
          <tr><td>Flora <b>Holder</b></td></tr>
          <tr><td>Fran <b>Norris</b></td></tr>
          <tr><td>Francis <b>Buck</b></td></tr>
          <tr><td>Freida <b>Estes</b></td></tr>
          <tr><td>Gail <b>Frost</b></td></tr>
          <tr><td>Gena <b>Baldwin</b></td></tr>
          <tr><td>Georgia <b>Savage</b></td></tr>
          <tr><td>Gilda <b>Carney</b></td></tr>
          <tr><td>Glenda <b>Mckay</b></td></tr>
          <tr><td>Grace <b>Dodson</b></td></tr>
          <tr><td>Gretchen <b>Rojas</b></td></tr>
          <tr><td>Haley <b>Frye</b></td></tr>
          <tr><td>Harriett <b>Manning</b></td></tr>
          <tr><td>Heidi <b>Cooper</b></td></tr>
          <tr><td>Helga <b>Allison</b></td></tr>
          <tr><td>Hilary <b>Lawrence</b></td></tr>
          <tr><td>Holly <b>Colon</b></td></tr>
          <tr><td>Ilene <b>Kent</b></td></tr>
          <tr><td>Ines <b>Page</b></td></tr>
          <tr><td>Iris <b>Jarvis</b></td></tr>
          <tr><td>Isabelle <b>Figueroa</b></td></tr>
          <tr><td>Jacklyn <b>Garrison</b></td></tr>
          <tr><td>Jaime <b>Shaffer</b></td></tr>
          <tr><td>Jan <b>Benson</b></td></tr>
          <tr><td>Janelle <b>Key</b></td></tr>
          <tr><td>Janie <b>Solis</b></td></tr>
          <tr><td>Jannie <b>Blake</b></td></tr>
          <tr><td>Jeanette <b>Waters</b></td></tr>
          <tr><td>Jeannette <b>Woodard</b></td></tr>
          <tr><td>Jenna <b>Winters</b></td></tr>
          <tr><td>Jeri <b>Bass</b></td></tr>
          <tr><td>Jessie <b>Hurley</b></td></tr>
          <tr><td>Jillian <b>Boyd</b></td></tr>
          <tr><td>Joann <b>Weeks</b></td></tr>
          <tr><td>Jodi <b>Campbell</b></td></tr>
          <tr><td>John <b>Kelley</b></td></tr>
          <tr><td>Jordan <b>Ayers</b></td></tr>
          <tr><td>Josie <b>Lyons</b></td></tr>
          <tr><td>Juanita <b>Lane</b></td></tr>
          <tr><td>Juliana <b>Stein</b></td></tr>
          <tr><td>Juliette <b>Eaton</b></td></tr>
          <tr><td>Kara <b>Curtis</b></td></tr>
          <tr><td>Karina <b>Trevino</b></td></tr>
          <tr><td>Kate <b>Chen</b></td></tr>
          <tr><td>Katheryn <b>Powell</b></td></tr>
          <tr><td>Kathryn <b>Duncan</b></td></tr>
          <tr><td>Katrina <b>Simmons</b></td></tr>
          <tr><td>Kayla <b>Watts</b></td></tr>
          <tr><td>Kellie <b>Maxwell</b></td></tr>
          <tr><td>Kenya <b>Cameron</b></td></tr>
          <tr><td>Kim <b>Haney</b></td></tr>
          <tr><td>Kitty <b>Griffin</b></td></tr>
          <tr><td>Kristi <b>Lynn</b></td></tr>
          <tr><td>Kristine <b>Rowe</b></td></tr>
          <tr><td>Lacy <b>Serrano</b></td></tr>
          <tr><td>Lana <b>Holcomb</b></td></tr>
          <tr><td>Latonya <b>Long</b></td></tr>
          <tr><td>Lauren <b>Riddle</b></td></tr>
          <tr><td>Lavonne <b>Sweet</b></td></tr>
          <tr><td>Leann <b>Parks</b></td></tr>
          <tr><td>Leigh <b>Larson</b></td></tr>
          <tr><td>Lena <b>Lamb</b></td></tr>
          <tr><td>Leona <b>Justice</b></td></tr>
          <tr><td>Leslie <b>Turner</b></td></tr>
          <tr><td>Leticia <b>Gay</b></td></tr>
          <tr><td>Lilia <b>Singleton</b></td></tr>
          <tr><td>Lillie <b>Todd</b></td></tr>
          <tr><td>Linda <b>Arnold</b></td></tr>
          <tr><td>Liz <b>Moody</b></td></tr>
          <tr><td>Lola <b>Kemp</b></td></tr>
          <tr><td>Lorena <b>Franks</b></td></tr>
          <tr><td>Lorie <b>Fowler</b></td></tr>
          <tr><td>Lottie <b>Church</b></td></tr>
          <tr><td>Louise <b>Mcdonald</b></td></tr>
          <tr><td>Lucile <b>Stark</b></td></tr>
          <tr><td>Luella <b>Nolan</b></td></tr>
          <tr><td>Luz <b>Graham</b></td></tr>
          <tr><td>Lynn <b>Abbott</b></td></tr>
          <tr><td>Mable <b>Sellers</b></td></tr>
          <tr><td>Madge <b>Russo</b></td></tr>
          <tr><td>Mai <b>Barlow</b></td></tr>
          <tr><td>Mandy <b>Odonnell</b></td></tr>
          <tr><td>Marci <b>Lancaster</b></td></tr>
          <tr><td>Margaret <b>Conner</b></td></tr>
          <tr><td>Margo <b>Delacruz</b></td></tr>
          <tr><td>Maria <b>Leach</b></td></tr>
          <tr><td>Maribel <b>Hahn</b></td></tr>
          <tr><td>Marilyn <b>Wallace</b></td></tr>
          <tr><td>Marisol <b>Haley</b></td></tr>
          <tr><td>Marla <b>Stuart</b></td></tr>
          <tr><td>Marta <b>Browning</b></td></tr>
          <tr><td>Mary <b>Sharpe</b></td></tr>
          <tr><td>Marylou <b>Hays</b></td></tr>
          <tr><td>Maura <b>Benton</b></td></tr>
          <tr><td>May <b>Dickson</b></td></tr>
          <tr><td>Meghan <b>Leonard</b></td></tr>
          <tr><td>Melisa <b>Mccarty</b></td></tr>
          <tr><td>Mercedes <b>Mccullough</b></td></tr>
          <tr><td>Michael <b>Griffith</b></td></tr>
          <tr><td>Mildred <b>Riggs</b></td></tr>
          <tr><td>Minerva <b>William</b></td></tr>
          <tr><td>Misty <b>Jacobson</b></td></tr>
          <tr><td>Mona <b>Mcfarland</b></td></tr>
          <tr><td>Muriel <b>Mcneil</b></td></tr>
          <tr><td>Nadia <b>Barrett</b></td></tr>
          <tr><td>Nannie <b>Hurst</b></td></tr>
          <tr><td>Natasha <b>Monroe</b></td></tr>
          <tr><td>Nettie <b>Gallegos</b></td></tr>
          <tr><td>Nikki <b>Morrison</b></td></tr>
          <tr><td>Noemi <b>Dudley</b></td></tr>
          <tr><td>Noreen <b>Santana</b></td></tr>
          <tr><td>Ola <b>Hodges</b></td></tr>
          <tr><td>Ollie <b>Cote</b></td></tr>
          <tr><td>Paige <b>Burt</b></td></tr>
          <tr><td>Pat <b>Lara</b></td></tr>
          <tr><td>Patsy <b>Mckinney</b></td></tr>
          <tr><td>Paulette <b>Oconnor</b></td></tr>
          <tr><td>Peggy <b>Vaughan</b></td></tr>
          <tr><td>Phoebe <b>Jenkins</b></td></tr>
          <tr><td>Queen <b>Ball</b></td></tr>
          <tr><td>Rae <b>Grimes</b></td></tr>
          <tr><td>Reba <b>Hale</b></td></tr>
          <tr><td>Rena <b>Meyer</b></td></tr>
          <tr><td>Reyna <b>Rogers</b></td></tr>
          <tr><td>Rita <b>Cobb</b></td></tr>
          <tr><td>Robin <b>Banks</b></td></tr>
          <tr><td>Rosa <b>Galloway</b></td></tr>
          <tr><td>Rosalyn <b>Crane</b></td></tr>
          <tr><td>Rose <b>Frazier</b></td></tr>
          <tr><td>Rosemary <b>Herrera</b></td></tr>
          <tr><td>Rowena <b>Holt</b></td></tr>
          <tr><td>Ruth <b>Ware</b></td></tr>
          <tr><td>Sallie <b>Mcfadden</b></td></tr>
          <tr><td>Sandy <b>Barnett</b></td></tr>
          <tr><td>Saundra <b>Ramos</b></td></tr>
          <tr><td>Serena <b>Bradshaw</b></td></tr>
          <tr><td>Shari <b>Stanton</b></td></tr>
          <tr><td>Shauna <b>Adkins</b></td></tr>
          <tr><td>Sheila <b>Lindsay</b></td></tr>
          <tr><td>Shelly <b>Soto</b></td></tr>
          <tr><td>Sherrie <b>Neal</b></td></tr>
          <tr><td>Silvia <b>Pope</b></td></tr>
          <tr><td>Sondra <b>Jackson</b></td></tr>
          <tr><td>Sophia <b>Dillard</b></td></tr>
          <tr><td>Stacie <b>Barry</b></td></tr>
          <tr><td>Stephanie <b>Hull</b></td></tr>
          <tr><td>Susana <b>Wynn</b></td></tr>
          <tr><td>Suzanne <b>Levine</b></td></tr>
          <tr><td>Tabatha <b>Ratliff</b></td></tr>
          <tr><td>Tamera <b>Phillips</b></td></tr>
          <tr><td>Tammie <b>Murray</b></td></tr>
          <tr><td>Tanisha <b>Brewer</b></td></tr>
          <tr><td>Taylor <b>Patrick</b></td></tr>
          <tr><td>Terri <b>Kramer</b></td></tr>
          <tr><td>Thelma <b>Reilly</b></td></tr>
          <tr><td>Tiffany <b>Farley</b></td></tr>
          <tr><td>Toni <b>Oneill</b></td></tr>
          <tr><td>Traci <b>Bates</b></td></tr>
          <tr><td>Trina <b>Bradley</b></td></tr>
          <tr><td>Ursula <b>Erickson</b></td></tr>
          <tr><td>Vanessa <b>Gross</b></td></tr>
          <tr><td>Veronica <b>Wilder</b></td></tr>
          <tr><td>Victoria <b>Snider</b></td></tr>
          <tr><td>Virgie <b>Rivas</b></td></tr>
          <tr><td>Wanda <b>Barr</b></td></tr>
          <tr><td>Wilda <b>Ferguson</b></td></tr>
          <tr><td>Winifred <b>Dejesus</b></td></tr>
          <tr><td>Young <b>Frank</b></td></tr>
        </tbody>
       </table>
   </div>
  </div>
</body>
</html>
Output 300px

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

Dismiss x
public
Bin info
bomsypro
0viewers