Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
FRP Infinite Scroll with Bacon.js -- Starting File
<!DOCTYPE html>
<meta charset="utf-8">
<title>FRP Infinite Scroll using Bacon.js</title>
<script src="//"></script>
<script src="//"></script>
<style type="text/css">
body {
margin: 0;
padding: 0;
font-family: Helvetica, arial, freesans, clean, sans-serif;
.phonebook {
position: relative;
/* draw fake row bg colors with css */
background-image: linear-gradient(#f3f3f3 50%, transparent 50%, transparent);
background-size: 60px 60px; /* twice the height of a row, since the pattern spans two rows */
margin: 0;
padding: 0;
list-style: none;
.phonebook li {
position: absolute;
height: 30px;
line-height: 30px;
padding: 0 10px;
color: #999;
font-size: 12px;
<ul id="Phonebook" class="phonebook"></ul>
var totalResults = 10000;
var rowHeight = 30;
var phonebookEl = document.getElementById('Phonebook'); = totalResults * rowHeight + "px";
// ...

This comment has been minimized.

Copy link
Owner Author

SimplGy commented May 1, 2015

Intro code for the article:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.