IScroll + Polymer

demo-data-short.json

[
  {
    "index": 0,
    "name": "Addie Travis",
    "image": "http://placehold.it/50x50/dc35b0/ffffff&text=Index 0",
    "checked": false,
    "selectValue": 0,
    "text": "Cillum irure eiusmod excepteur irure veniam eiusmod aliqua.",
    "color": "rgb(199,87,94)"
  },
  {
    "index": 1,
    "name": "Campos Galloway",
    "image": "http://placehold.it/50x50/1c1267/ffffff&text=Index 1",
    "checked": true,
    "selectValue": 1,
    "text": "Ex sint cupidatat incididunt cillum do sint occaecat do labore eu sint irure. Esse ex deserunt velit esse deserunt dolore eiusmod irure deserunt officia. Sit aute commodo voluptate amet do voluptate non laboris in aliqua est aliquip aliqua occaecat.",
    "color": "rgb(130,187,245)"
  },
  {
    "index": 2,
    "name": "Medina Powers",
    "image": "http://placehold.it/50x50/f85d80/ffffff&text=Index 2",
    "checked": false,
    "selectValue": 2,
    "text": "Et velit ex est sint. Voluptate est incididunt incididunt voluptate elit deserunt. Nostrud esse do elit irure ipsum ex sit sit duis ut consectetur amet. Cillum pariatur cupidatat reprehenderit officia sit deserunt exercitation. Nulla incididunt dolor nostrud tempor est sint velit aliquip qui cupidatat irure.",
    "color": "rgb(212,97,164)"
  },
  {
    "index": 3,
    "name": "Leah Browning",
    "image": "http://placehold.it/50x50/7a1fc0/ffffff&text=Index 3",
    "checked": true,
    "selectValue": 1,
    "text": "Esse eiusmod ex aute do ad veniam.",
    "color": "rgb(143,131,92)"
  },
  {
    "index": 4,
    "name": "Anne Fischer",
    "image": "http://placehold.it/50x50/8650fd/ffffff&text=Index 4",
    "checked": false,
    "selectValue": 0,
    "text": "Lorem incididunt occaecat sit mollit commodo consequat nisi ex. Aute velit proident mollit consequat non excepteur consequat sint reprehenderit nisi occaecat consequat reprehenderit. Adipisicing nulla commodo ex mollit irure culpa incididunt occaecat. Adipisicing ipsum eu ad ea exercitation enim eu culpa velit. Eiusmod Lorem commodo deserunt eiusmod ipsum mollit.",
    "color": "rgb(241,210,154)"
  },
  {
    "index": 5,
    "name": "Morrow Cameron",
    "image": "http://placehold.it/50x50/febf57/ffffff&text=Index 5",
    "checked": true,
    "selectValue": 1,
    "text": "Commodo aliquip culpa nostrud ut est cillum dolor mollit in adipisicing cillum ullamco labore ut. Adipisicing aliquip duis magna officia excepteur. Cillum cillum ea nostrud officia commodo nulla consectetur dolor minim excepteur adipisicing pariatur eu occaecat. Elit commodo tempor ea dolore qui sunt commodo officia.",
    "color": "rgb(207,126,216)"
  },
  {
    "index": 6,
    "name": "Beatriz Mccormick",
    "image": "http://placehold.it/50x50/9f800d/ffffff&text=Index 6",
    "checked": false,
    "selectValue": 2,
    "text": "Occaecat commodo aute occaecat occaecat ipsum enim. Voluptate mollit nulla velit consectetur voluptate cupidatat ex enim commodo proident est. Tempor amet deserunt dolor velit cillum excepteur duis tempor velit do. Veniam aute esse occaecat ad mollit deserunt velit laborum.",
    "color": "rgb(157,81,162)"
  },
  {
    "index": 7,
    "name": "Hudson Wagner",
    "image": "http://placehold.it/50x50/1ba6a2/ffffff&text=Index 7",
    "checked": true,
    "selectValue": 1,
    "text": "Adipisicing minim culpa ullamco in cupidatat nostrud aute aute cillum do veniam nisi excepteur. Ullamco nisi nulla eu cupidatat reprehenderit in enim aliqua. Cillum id aute cillum est officia consequat mollit anim.",
    "color": "rgb(234,231,170)"
  },
  {
    "index": 8,
    "name": "Melva Ashley",
    "image": "http://placehold.it/50x50/4e43fd/ffffff&text=Index 8",
    "checked": false,
    "selectValue": 2,
    "text": "Esse mollit anim Lorem velit cillum tempor ut. Qui eu deserunt do est Lorem qui ipsum in veniam ad ut esse do nulla.",
    "color": "rgb(108,54,228)"
  },
  {
    "index": 9,
    "name": "Ray Griffin",
    "image": "http://placehold.it/50x50/624ea1/ffffff&text=Index 9",
    "checked": false,
    "selectValue": 0,
    "text": "Eiusmod aute ullamco nisi veniam enim adipisicing ipsum. Cillum consectetur proident enim eu deserunt adipisicing excepteur laboris reprehenderit adipisicing aliqua occaecat nulla.",
    "color": "rgb(55,68,92)"
  },
  {
    "index": 10,
    "name": "Mcclain Henderson",
    "image": "http://placehold.it/50x50/37bf2e/ffffff&text=Index 10",
    "checked": false,
    "selectValue": 1,
    "text": "Incididunt pariatur incididunt laboris aute. Commodo do dolor ea aliqua minim. Sit nisi elit magna id. Lorem cillum duis incididunt exercitation est ea aute esse dolor dolore ut. Nisi ad ea dolore non occaecat fugiat ut.",
    "color": "rgb(211,234,203)"
  },
  {
    "index": 11,
    "name": "Dean Acosta",
    "image": "http://placehold.it/50x50/b25899/ffffff&text=Index 11",
    "checked": false,
    "selectValue": 0,
    "text": "Lorem velit nulla amet commodo. Enim culpa culpa deserunt dolor Lorem reprehenderit irure occaecat pariatur sint sunt amet magna. In mollit qui minim consectetur aliquip irure. Anim nostrud nulla excepteur nisi nulla nisi ea aliquip non nulla exercitation do aliquip occaecat. Duis culpa ad culpa in et veniam enim quis consectetur anim.",
    "color": "rgb(211,126,58)"
  },
  {
    "index": 12,
    "name": "Stuart Armstrong",
    "image": "http://placehold.it/50x50/e98ec5/ffffff&text=Index 12",
    "checked": false,
    "selectValue": 0,
    "text": "Dolor incididunt ut non et aute do quis pariatur fugiat culpa duis adipisicing. Aliqua pariatur consequat pariatur anim ullamco exercitation esse ex consequat. Eu commodo mollit nisi anim. Sit velit amet sit proident pariatur dolor cupidatat aliqua est.",
    "color": "rgb(60,202,230)"
  },
  {
    "index": 13,
    "name": "Price Whitney",
    "image": "http://placehold.it/50x50/793222/ffffff&text=Index 13",
    "checked": false,
    "selectValue": 2,
    "text": "Consectetur laborum nostrud laboris aliqua quis duis id velit eu.",
    "color": "rgb(76,198,206)"
  },
  {
    "index": 14,
    "name": "Emilia Hayes",
    "image": "http://placehold.it/50x50/d8a9db/ffffff&text=Index 14",
    "checked": false,
    "selectValue": 1,
    "text": "Ullamco est ipsum ut et aliquip voluptate sunt proident ex cillum. Ex in laboris adipisicing amet commodo minim aliquip est labore.",
    "color": "rgb(134,117,145)"
  },
  {
    "index": 15,
    "name": "Jennie Hooper",
    "image": "http://placehold.it/50x50/c7c596/ffffff&text=Index 15",
    "checked": false,
    "selectValue": 1,
    "text": "Quis exercitation nostrud exercitation exercitation dolor officia commodo esse ad ullamco aute consectetur. Excepteur culpa nostrud id ullamco officia officia excepteur proident ea fugiat elit. Minim sint aliquip esse deserunt eu. Non officia reprehenderit duis cillum adipisicing ad et nostrud cillum excepteur ex ipsum.",
    "color": "rgb(103,96,156)"
  },
  {
    "index": 16,
    "name": "Roslyn Ford",
    "image": "http://placehold.it/50x50/8701d/ffffff&text=Index 16",
    "checked": false,
    "selectValue": 0,
    "text": "Pariatur dolore velit incididunt pariatur et est culpa duis excepteur. Velit ipsum esse sint velit laborum pariatur veniam exercitation fugiat anim.",
    "color": "rgb(67,94,166)"
  },
  {
    "index": 17,
    "name": "Brown Houston",
    "image": "http://placehold.it/50x50/86f5e/ffffff&text=Index 17",
    "checked": false,
    "selectValue": 2,
    "text": "Duis nulla officia culpa irure reprehenderit esse exercitation esse nostrud.",
    "color": "rgb(61,237,193)"
  },
  {
    "index": 18,
    "name": "Rocha English",
    "image": "http://placehold.it/50x50/98b320/ffffff&text=Index 18",
    "checked": true,
    "selectValue": 2,
    "text": "Quis incididunt ut id non labore sint ullamco laborum duis. Exercitation aute ullamco ea sunt eu fugiat cillum nostrud. Consectetur adipisicing pariatur dolor excepteur est.",
    "color": "rgb(191,50,162)"
  },
  {
    "index": 19,
    "name": "Candice Young",
    "image": "http://placehold.it/50x50/544792/ffffff&text=Index 19",
    "checked": true,
    "selectValue": 2,
    "text": "Est nulla labore do amet minim. Dolor ipsum do aliquip consectetur elit. Consequat et ea cupidatat aute mollit in irure veniam dolor esse esse in commodo non. Elit sint ea minim adipisicing laboris qui velit est exercitation eu.",
    "color": "rgb(62,80,199)"
  },
  {
    "index": 20,
    "name": "Tessa Park",
    "image": "http://placehold.it/50x50/aac725/ffffff&text=Index 20",
    "checked": true,
    "selectValue": 0,
    "text": "Esse et ea tempor duis commodo duis laborum eu laboris veniam consectetur elit.",
    "color": "rgb(159,156,166)"
  },
  {
    "index": 21,
    "name": "Kirsten Roberson",
    "image": "http://placehold.it/50x50/3a250d/ffffff&text=Index 21",
    "checked": false,
    "selectValue": 2,
    "text": "Aliqua nisi ullamco nostrud nisi. Velit et ea sunt cillum.",
    "color": "rgb(171,152,88)"
  },
  {
    "index": 22,
    "name": "Jimenez Raymond",
    "image": "http://placehold.it/50x50/999c81/ffffff&text=Index 22",
    "checked": true,
    "selectValue": 1,
    "text": "Ad dolore excepteur nulla consequat do. Cupidatat dolor dolore aliqua amet aliquip laborum nisi deserunt.",
    "color": "rgb(241,95,206)"
  },
  {
    "index": 23,
    "name": "Miranda Roy",
    "image": "http://placehold.it/50x50/cdadf1/ffffff&text=Index 23",
    "checked": false,
    "selectValue": 0,
    "text": "Veniam aliquip tempor nulla incididunt adipisicing do reprehenderit. Ipsum laboris est ex proident qui est nostrud excepteur ut dolore consequat est. Ullamco occaecat anim ea dolore mollit deserunt consequat.",
    "color": "rgb(93,142,70)"
  },
  {
    "index": 24,
    "name": "Gallegos Landry",
    "image": "http://placehold.it/50x50/5f88cd/ffffff&text=Index 24",
    "checked": false,
    "selectValue": 0,
    "text": "Do eu ex labore ut do qui magna minim. Non occaecat velit incididunt ullamco proident officia. Consequat consectetur aute culpa veniam pariatur eu eiusmod magna deserunt. Fugiat officia ex ut nisi aute do ullamco sit.",
    "color": "rgb(155,248,97)"
  },
  {
    "index": 25,
    "name": "Rosario Rodriguez",
    "image": "http://placehold.it/50x50/fa1596/ffffff&text=Index 25",
    "checked": true,
    "selectValue": 1,
    "text": "Nostrud cupidatat minim elit officia cupidatat. Aute sint commodo ea elit ad consectetur. Anim ipsum dolor ipsum excepteur ad sit minim quis commodo ut eiusmod ea nisi.",
    "color": "rgb(132,231,78)"
  },
  {
    "index": 26,
    "name": "Burke Bryant",
    "image": "http://placehold.it/50x50/651b79/ffffff&text=Index 26",
    "checked": false,
    "selectValue": 0,
    "text": "Non eiusmod tempor in sit ipsum sint laboris ea culpa id enim aute. Quis cillum et et mollit. Mollit consectetur ad do non id non do proident incididunt enim reprehenderit quis est ipsum. Ad laborum fugiat nostrud ex dolore elit nisi labore.",
    "color": "rgb(221,152,96)"
  },
  {
    "index": 27,
    "name": "Valarie Bright",
    "image": "http://placehold.it/50x50/15eb81/ffffff&text=Index 27",
    "checked": true,
    "selectValue": 0,
    "text": "Irure sint ut excepteur excepteur esse qui aute sit in irure amet ut ut. Quis in in eiusmod dolor do id fugiat eiusmod Lorem veniam ex. Laboris voluptate exercitation nisi ut quis et eiusmod deserunt laboris mollit irure ex.",
    "color": "rgb(103,64,106)"
  },
  {
    "index": 28,
    "name": "Garcia Rios",
    "image": "http://placehold.it/50x50/cbde86/ffffff&text=Index 28",
    "checked": false,
    "selectValue": 1,
    "text": "Laboris nulla pariatur ex magna mollit commodo magna ipsum ad Lorem ullamco laboris. Eiusmod Lorem aliqua voluptate cupidatat pariatur tempor exercitation aliqua qui dolor nostrud tempor. Nulla aliquip veniam ullamco ea minim.",
    "color": "rgb(99,212,254)"
  },
  {
    "index": 29,
    "name": "Elena Burns",
    "image": "http://placehold.it/50x50/756b6f/ffffff&text=Index 29",
    "checked": false,
    "selectValue": 0,
    "text": "Ullamco ex veniam elit excepteur ex occaecat proident esse sit id aliquip. Ad ut labore cillum consectetur irure ad pariatur non labore cupidatat magna qui nisi. Dolore exercitation anim laboris est ipsum nisi. Amet consectetur sint est dolor dolore anim sunt cillum est adipisicing fugiat incididunt proident. Culpa dolor laborum deserunt ut.",
    "color": "rgb(151,140,193)"
  },
  {
    "index": 30,
    "name": "Sue Ellis",
    "image": "http://placehold.it/50x50/aaf584/ffffff&text=Index 30",
    "checked": true,
    "selectValue": 1,
    "text": "Officia commodo elit amet veniam occaecat laborum irure sint culpa. Ad aliquip incididunt irure dolore labore esse reprehenderit cillum fugiat incididunt sint reprehenderit non irure. Magna aliquip incididunt occaecat aliqua aute velit. Anim duis mollit quis ullamco Lorem magna mollit ad dolore adipisicing do nisi deserunt proident. Ad magna anim consequat dolor Lorem aliquip in nostrud exercitation.",
    "color": "rgb(150,184,253)"
  },
  {
    "index": 31,
    "name": "Jana Dean",
    "image": "http://placehold.it/50x50/cc6b55/ffffff&text=Index 31",
    "checked": false,
    "selectValue": 1,
    "text": "Sunt culpa anim deserunt enim est est reprehenderit amet excepteur id. Laboris dolore officia laborum enim aute anim magna nulla pariatur nostrud id nisi. Duis ex consequat ea labore do magna cupidatat tempor fugiat amet pariatur cillum. Labore exercitation veniam ad irure proident aliqua occaecat ad dolore deserunt laborum.",
    "color": "rgb(116,168,239)"
  },
  {
    "index": 32,
    "name": "Brewer Buckley",
    "image": "http://placehold.it/50x50/ce9e87/ffffff&text=Index 32",
    "checked": false,
    "selectValue": 2,
    "text": "Laboris duis labore laboris id qui. Elit aliqua est dolor incididunt elit anim.",
    "color": "rgb(200,103,110)"
  },
  {
    "index": 33,
    "name": "Rose Moon",
    "image": "http://placehold.it/50x50/197a89/ffffff&text=Index 33",
    "checked": true,
    "selectValue": 1,
    "text": "Exercitation pariatur ipsum sit eiusmod ullamco ullamco sunt sint eiusmod ea eu officia sunt. Ad et irure dolore esse. Laboris aliquip eiusmod reprehenderit dolor ullamco. Cillum officia aliqua non deserunt pariatur nulla eu est voluptate aute aliqua. Pariatur est labore irure duis mollit dolore.",
    "color": "rgb(216,147,136)"
  },
  {
    "index": 34,
    "name": "Sondra Bowen",
    "image": "http://placehold.it/50x50/5fb9c2/ffffff&text=Index 34",
    "checked": true,
    "selectValue": 0,
    "text": "Amet magna amet ea commodo. Adipisicing occaecat proident aute duis. Labore sunt sint culpa laborum qui proident adipisicing fugiat in consectetur. Ad culpa fugiat minim et deserunt quis est id aute. Irure sunt id qui mollit enim amet.",
    "color": "rgb(123,247,250)"
  },
  {
    "index": 35,
    "name": "Hatfield Clark",
    "image": "http://placehold.it/50x50/284769/ffffff&text=Index 35",
    "checked": false,
    "selectValue": 2,
    "text": "Aliquip amet enim aliquip esse nulla aliquip sint ut in. Fugiat cillum anim anim aliqua esse minim. Labore occaecat nisi cupidatat dolor ullamco laborum eu aliquip do do exercitation. Ut reprehenderit incididunt officia voluptate ut duis proident eiusmod fugiat eiusmod aute.",
    "color": "rgb(53,238,221)"
  },
  {
    "index": 36,
    "name": "Vickie Burke",
    "image": "http://placehold.it/50x50/f7be19/ffffff&text=Index 36",
    "checked": true,
    "selectValue": 0,
    "text": "Aliqua deserunt duis nisi do. Excepteur laborum sunt adipisicing sint sit. Ad elit quis veniam nisi aliquip consectetur.",
    "color": "rgb(213,252,190)"
  },
  {
    "index": 37,
    "name": "Swanson Foster",
    "image": "http://placehold.it/50x50/2e492f/ffffff&text=Index 37",
    "checked": false,
    "selectValue": 1,
    "text": "Esse irure sit minim sunt irure.",
    "color": "rgb(181,104,218)"
  },
  {
    "index": 38,
    "name": "Logan Russo",
    "image": "http://placehold.it/50x50/e319cf/ffffff&text=Index 38",
    "checked": false,
    "selectValue": 1,
    "text": "Sit Lorem nostrud deserunt eiusmod non consequat consequat amet duis. Excepteur do sint magna deserunt sunt laborum aliqua nostrud. Elit ipsum amet ut quis reprehenderit cillum. Minim do exercitation culpa ipsum qui duis. Nostrud sit in ipsum tempor aliqua culpa nostrud id duis esse esse proident.",
    "color": "rgb(234,142,83)"
  },
  {
    "index": 39,
    "name": "Marie Estes",
    "image": "http://placehold.it/50x50/ee7e8f/ffffff&text=Index 39",
    "checked": false,
    "selectValue": 1,
    "text": "Adipisicing laborum irure occaecat nulla ullamco dolor eu mollit ea. Qui cillum velit anim esse deserunt consectetur quis velit dolor laboris non occaecat occaecat.",
    "color": "rgb(158,180,156)"
  },
  {
    "index": 40,
    "name": "Hernandez Bond",
    "image": "http://placehold.it/50x50/296ed/ffffff&text=Index 40",
    "checked": true,
    "selectValue": 1,
    "text": "Laboris excepteur ipsum velit ea. Laborum anim do nulla elit irure non dolor. Aliquip deserunt quis officia quis.",
    "color": "rgb(74,167,89)"
  },
  {
    "index": 41,
    "name": "Saunders Stephens",
    "image": "http://placehold.it/50x50/2844cd/ffffff&text=Index 41",
    "checked": false,
    "selectValue": 0,
    "text": "Occaecat dolor officia aliqua amet Lorem aliqua laborum labore elit ad fugiat tempor culpa. Elit consectetur est nulla veniam ad in eiusmod sit voluptate.",
    "color": "rgb(189,216,166)"
  },
  {
    "index": 42,
    "name": "Merrill Santiago",
    "image": "http://placehold.it/50x50/2c855c/ffffff&text=Index 42",
    "checked": true,
    "selectValue": 2,
    "text": "Est veniam ea officia ad sint do est ut ut eu adipisicing do eu enim. Voluptate nulla laborum esse irure mollit est nostrud laboris.",
    "color": "rgb(108,223,152)"
  },
  {
    "index": 43,
    "name": "Jane Allison",
    "image": "http://placehold.it/50x50/9cbfb5/ffffff&text=Index 43",
    "checked": false,
    "selectValue": 1,
    "text": "Incididunt pariatur eu elit dolore commodo. Eu enim veniam ad culpa adipisicing sint.",
    "color": "rgb(155,190,63)"
  },
  {
    "index": 44,
    "name": "Ellison Skinner",
    "image": "http://placehold.it/50x50/22b3ff/ffffff&text=Index 44",
    "checked": false,
    "selectValue": 1,
    "text": "Eiusmod nulla proident reprehenderit anim consequat pariatur deserunt eiusmod commodo sit dolore. Sit exercitation in labore exercitation. Nulla officia eu ut sunt tempor reprehenderit aute irure. Est nisi cupidatat ea eu quis est duis eu.",
    "color": "rgb(132,109,68)"
  },
  {
    "index": 45,
    "name": "Lynn Rutledge",
    "image": "http://placehold.it/50x50/88216b/ffffff&text=Index 45",
    "checked": true,
    "selectValue": 0,
    "text": "Dolor ipsum qui adipisicing nulla enim. Sunt nulla eu nostrud occaecat veniam magna et nisi cupidatat. Do laboris laborum sit fugiat officia ullamco. Laboris do deserunt ipsum aliquip consequat ad ex sint voluptate in incididunt quis aliqua officia.",
    "color": "rgb(241,195,54)"
  },
  {
    "index": 46,
    "name": "Ida Monroe",
    "image": "http://placehold.it/50x50/766897/ffffff&text=Index 46",
    "checked": true,
    "selectValue": 2,
    "text": "Id anim id consectetur adipisicing laboris ut sit id. Officia non voluptate aliquip veniam aliquip aliquip cupidatat dolor mollit Lorem.",
    "color": "rgb(137,201,106)"
  },
  {
    "index": 47,
    "name": "Zamora Pace",
    "image": "http://placehold.it/50x50/c6b031/ffffff&text=Index 47",
    "checked": false,
    "selectValue": 1,
    "text": "Proident nulla non mollit quis minim amet velit. Anim fugiat qui proident eu eu ea velit. Minim quis Lorem ea aliquip laborum. Minim anim sunt sit anim commodo.",
    "color": "rgb(173,101,134)"
  },
  {
    "index": 48,
    "name": "Petersen Gibbs",
    "image": "http://placehold.it/50x50/3871c5/ffffff&text=Index 48",
    "checked": true,
    "selectValue": 1,
    "text": "Adipisicing sit officia laborum cupidatat. Amet magna in et laboris. Elit elit elit anim sint dolore culpa nulla Lorem adipisicing id labore.",
    "color": "rgb(79,241,73)"
  },
  {
    "index": 49,
    "name": "Frost Bridges",
    "image": "http://placehold.it/50x50/915b68/ffffff&text=Index 49",
    "checked": true,
    "selectValue": 1,
    "text": "Id cupidatat anim ipsum ex tempor eiusmod magna quis esse sit officia minim eu.",
    "color": "rgb(188,60,160)"
  },
  {
    "index": 50,
    "name": "Krystal Turner",
    "image": "http://placehold.it/50x50/8636ef/ffffff&text=Index 50",
    "checked": true,
    "selectValue": 2,
    "text": "Eu veniam pariatur qui minim qui anim elit voluptate. Laboris laborum cillum nulla cupidatat excepteur non Lorem elit consectetur. Cupidatat non qui ex eu dolor anim sunt nulla quis aliquip proident anim ex.",
    "color": "rgb(201,106,238)"
  },
  {
    "index": 51,
    "name": "Johnson Molina",
    "image": "http://placehold.it/50x50/c596aa/ffffff&text=Index 51",
    "checked": true,
    "selectValue": 1,
    "text": "Est reprehenderit voluptate id pariatur culpa elit eu Lorem exercitation aute anim dolor ut dolore.",
    "color": "rgb(158,199,224)"
  },
  {
    "index": 52,
    "name": "Sears Chang",
    "image": "http://placehold.it/50x50/f08ad6/ffffff&text=Index 52",
    "checked": true,
    "selectValue": 1,
    "text": "Ad esse consequat dolor et elit elit amet ea ad dolore consequat esse amet id. Magna labore veniam ipsum in fugiat labore nulla laboris est anim voluptate proident commodo. Mollit et quis et proident officia laboris occaecat nisi deserunt eu non irure. Commodo minim in velit qui fugiat reprehenderit aliquip ipsum cillum quis aliquip. Laborum adipisicing adipisicing commodo aliquip nulla.",
    "color": "rgb(213,205,151)"
  },
  {
    "index": 53,
    "name": "Burch Cleveland",
    "image": "http://placehold.it/50x50/dccd58/ffffff&text=Index 53",
    "checked": true,
    "selectValue": 1,
    "text": "Voluptate ea cillum sit do ullamco aliqua enim.",
    "color": "rgb(149,70,110)"
  },
  {
    "index": 54,
    "name": "Jayne Matthews",
    "image": "http://placehold.it/50x50/c4169/ffffff&text=Index 54",
    "checked": true,
    "selectValue": 0,
    "text": "Proident reprehenderit minim cillum tempor magna. Nulla consequat ut ut dolore veniam laboris fugiat nostrud. Tempor est ullamco officia deserunt quis id qui exercitation mollit voluptate duis ipsum esse est.",
    "color": "rgb(247,234,255)"
  },
  {
    "index": 55,
    "name": "Mcfadden Dodson",
    "image": "http://placehold.it/50x50/bb1b61/ffffff&text=Index 55",
    "checked": true,
    "selectValue": 0,
    "text": "Ipsum amet dolore excepteur labore laboris irure id officia et laborum voluptate. Fugiat quis adipisicing commodo sit aute nostrud. Officia proident duis occaecat elit nostrud commodo ullamco adipisicing nisi. Deserunt et pariatur eiusmod nisi ullamco non irure id minim aute culpa fugiat anim.",
    "color": "rgb(138,97,194)"
  },
  {
    "index": 56,
    "name": "Rowena Wooten",
    "image": "http://placehold.it/50x50/dbef32/ffffff&text=Index 56",
    "checked": true,
    "selectValue": 2,
    "text": "Deserunt reprehenderit do ullamco velit cillum incididunt tempor et ad nulla officia reprehenderit quis ea. Do nostrud occaecat consequat deserunt irure dolore. Irure ullamco pariatur labore esse quis velit sit ullamco laborum ea commodo enim in. Lorem tempor do dolore non do mollit in aliqua Lorem mollit reprehenderit amet.",
    "color": "rgb(209,198,184)"
  },
  {
    "index": 57,
    "name": "Jolene Coffey",
    "image": "http://placehold.it/50x50/6d83db/ffffff&text=Index 57",
    "checked": true,
    "selectValue": 2,
    "text": "Reprehenderit sint sit ut irure culpa excepteur do. Et dolore duis aute id incididunt nulla incididunt cillum nisi ipsum nisi officia. Consequat qui enim ullamco consequat aliquip laboris. Velit officia id minim do fugiat nostrud qui magna quis mollit. Aliqua velit irure eiusmod consequat officia mollit incididunt ipsum duis.",
    "color": "rgb(95,106,161)"
  },
  {
    "index": 58,
    "name": "Lisa Hudson",
    "image": "http://placehold.it/50x50/ef8ee5/ffffff&text=Index 58",
    "checked": false,
    "selectValue": 1,
    "text": "Aute qui esse officia aliquip in occaecat commodo id ex id. Anim ex elit tempor excepteur sit voluptate. Consectetur aliquip est sint laborum officia. Aliquip excepteur nulla ea cillum est cupidatat. Exercitation magna reprehenderit eiusmod adipisicing nulla pariatur amet adipisicing do commodo ex.",
    "color": "rgb(117,139,70)"
  },
  {
    "index": 59,
    "name": "Craft Buchanan",
    "image": "http://placehold.it/50x50/dc6e49/ffffff&text=Index 59",
    "checked": false,
    "selectValue": 2,
    "text": "Amet cillum dolor non sunt ullamco pariatur laboris. Incididunt in qui velit irure Lorem fugiat. Voluptate eu dolor pariatur est eiusmod aliquip. Commodo enim officia deserunt velit Lorem qui.",
    "color": "rgb(171,63,68)"
  },
  {
    "index": 60,
    "name": "Jenny Lyons",
    "image": "http://placehold.it/50x50/35f937/ffffff&text=Index 60",
    "checked": true,
    "selectValue": 1,
    "text": "Exercitation eiusmod velit amet esse tempor excepteur et non aute non. Voluptate aliquip fugiat voluptate reprehenderit ut eiusmod dolore dolor laboris ex duis id cillum. Reprehenderit laboris velit tempor sit sit enim commodo sint.",
    "color": "rgb(164,216,75)"
  },
  {
    "index": 61,
    "name": "Naomi Rojas",
    "image": "http://placehold.it/50x50/bc2eb2/ffffff&text=Index 61",
    "checked": false,
    "selectValue": 1,
    "text": "Sunt do ad magna culpa excepteur ex dolore proident nostrud est velit.",
    "color": "rgb(59,107,191)"
  },
  {
    "index": 62,
    "name": "Burris Huffman",
    "image": "http://placehold.it/50x50/9eb0ac/ffffff&text=Index 62",
    "checked": false,
    "selectValue": 0,
    "text": "Pariatur est nostrud nisi dolore exercitation. Ex veniam irure excepteur ex dolore elit magna laboris commodo. Eu deserunt qui sunt amet mollit adipisicing ullamco fugiat aliquip. Et fugiat proident duis occaecat cupidatat. Excepteur est do cupidatat cillum anim anim.",
    "color": "rgb(74,198,170)"
  },
  {
    "index": 63,
    "name": "Tanya Foley",
    "image": "http://placehold.it/50x50/d297d1/ffffff&text=Index 63",
    "checked": true,
    "selectValue": 1,
    "text": "Consequat laborum consectetur sunt enim magna ut fugiat labore ipsum sunt cupidatat cupidatat et duis.",
    "color": "rgb(191,245,144)"
  },
  {
    "index": 64,
    "name": "Young Howe",
    "image": "http://placehold.it/50x50/f10f16/ffffff&text=Index 64",
    "checked": true,
    "selectValue": 1,
    "text": "Ullamco dolor reprehenderit pariatur in labore do mollit excepteur sint. Incididunt aliquip esse amet non reprehenderit do. Pariatur excepteur labore culpa anim laborum ea aliquip consectetur. Lorem laboris id mollit aute sit labore incididunt in.",
    "color": "rgb(144,207,173)"
  },
  {
    "index": 65,
    "name": "Josie Lott",
    "image": "http://placehold.it/50x50/943a3e/ffffff&text=Index 65",
    "checked": false,
    "selectValue": 0,
    "text": "Adipisicing commodo pariatur do laborum officia voluptate ullamco excepteur non sunt sint pariatur. Eiusmod consectetur eiusmod dolore consectetur mollit anim eiusmod quis deserunt amet. Excepteur anim proident dolor aliquip labore minim ipsum excepteur aute nisi excepteur. Est anim minim commodo consequat nulla occaecat veniam labore eiusmod eiusmod Lorem fugiat nulla aliquip. Pariatur dolore mollit cupidatat nisi elit velit ea culpa cillum sit ipsum.",
    "color": "rgb(95,217,239)"
  },
  {
    "index": 66,
    "name": "Marguerite Hamilton",
    "image": "http://placehold.it/50x50/add6ca/ffffff&text=Index 66",
    "checked": false,
    "selectValue": 2,
    "text": "Qui adipisicing ipsum culpa laboris elit adipisicing. Dolor aliquip ut amet culpa proident. Reprehenderit excepteur consectetur ipsum pariatur irure est do enim proident elit minim ad officia. Amet quis anim esse consequat esse id ipsum aliquip exercitation elit dolor.",
    "color": "rgb(152,164,173)"
  },
  {
    "index": 67,
    "name": "Nunez Richards",
    "image": "http://placehold.it/50x50/743fcc/ffffff&text=Index 67",
    "checked": true,
    "selectValue": 2,
    "text": "Sint culpa deserunt ea magna.",
    "color": "rgb(66,67,255)"
  },
  {
    "index": 68,
    "name": "Marsha Bowman",
    "image": "http://placehold.it/50x50/5f53ec/ffffff&text=Index 68",
    "checked": false,
    "selectValue": 1,
    "text": "Adipisicing adipisicing et esse laborum velit sit ex exercitation aliquip ad Lorem ut eu enim. Sit labore ad deserunt commodo ex tempor nostrud duis ea reprehenderit et ad. Et et nisi dolor non veniam nisi ea ex tempor elit laborum cillum tempor et. Officia incididunt quis aliqua elit sit quis tempor et nisi commodo. Ipsum eiusmod cillum consequat enim deserunt et.",
    "color": "rgb(220,156,203)"
  },
  {
    "index": 69,
    "name": "Charlene Sparks",
    "image": "http://placehold.it/50x50/2f5ae6/ffffff&text=Index 69",
    "checked": true,
    "selectValue": 1,
    "text": "Ipsum adipisicing enim qui consequat proident aute exercitation in sint consectetur laborum. Anim commodo aliquip proident nisi aliquip ex. Aliquip cillum nostrud commodo cupidatat anim mollit quis ullamco cillum sit.",
    "color": "rgb(99,228,188)"
  },
  {
    "index": 70,
    "name": "Justice Guerra",
    "image": "http://placehold.it/50x50/bee360/ffffff&text=Index 70",
    "checked": false,
    "selectValue": 2,
    "text": "Non duis laborum adipisicing magna nulla nulla consectetur occaecat. Voluptate tempor eiusmod consectetur est anim ut tempor eu cillum ullamco ut nostrud. Consectetur pariatur laborum quis ipsum aute ullamco. Pariatur et enim culpa ex dolore quis. Dolore adipisicing non consectetur deserunt nostrud.",
    "color": "rgb(58,53,79)"
  },
  {
    "index": 71,
    "name": "Langley Bruce",
    "image": "http://placehold.it/50x50/e9fa0e/ffffff&text=Index 71",
    "checked": false,
    "selectValue": 2,
    "text": "Officia tempor veniam in quis proident deserunt anim cillum occaecat quis proident Lorem commodo sunt. Deserunt proident adipisicing exercitation ipsum ut exercitation id sit elit velit mollit mollit esse ea.",
    "color": "rgb(238,157,204)"
  },
  {
    "index": 72,
    "name": "Kristy Sutton",
    "image": "http://placehold.it/50x50/aa4bf0/ffffff&text=Index 72",
    "checked": false,
    "selectValue": 2,
    "text": "Eiusmod excepteur aliqua culpa eiusmod in ullamco. Ex minim culpa ipsum culpa tempor do ad officia duis est ex.",
    "color": "rgb(196,169,88)"
  },
  {
    "index": 73,
    "name": "Bradley Vaughn",
    "image": "http://placehold.it/50x50/a49d55/ffffff&text=Index 73",
    "checked": false,
    "selectValue": 1,
    "text": "Nisi incididunt officia nostrud mollit esse excepteur est ex sint nisi quis do aliqua. Ullamco dolor magna dolore quis sint incididunt proident in laborum nulla ad irure dolor. Reprehenderit est pariatur excepteur est dolore cupidatat.",
    "color": "rgb(129,174,159)"
  },
  {
    "index": 74,
    "name": "Tyler Sandoval",
    "image": "http://placehold.it/50x50/472df2/ffffff&text=Index 74",
    "checked": true,
    "selectValue": 1,
    "text": "Magna amet incididunt occaecat laborum non fugiat irure nisi tempor ut quis.",
    "color": "rgb(60,102,166)"
  },
  {
    "index": 75,
    "name": "Pace Alexander",
    "image": "http://placehold.it/50x50/775929/ffffff&text=Index 75",
    "checked": false,
    "selectValue": 2,
    "text": "Sunt in est ad sint voluptate. Laborum ea proident aliqua occaecat officia.",
    "color": "rgb(146,248,145)"
  },
  {
    "index": 76,
    "name": "Ethel Blake",
    "image": "http://placehold.it/50x50/97d376/ffffff&text=Index 76",
    "checked": false,
    "selectValue": 1,
    "text": "Aliquip minim exercitation sit voluptate cupidatat et dolor eu cupidatat.",
    "color": "rgb(175,106,89)"
  },
  {
    "index": 77,
    "name": "Lela Hall",
    "image": "http://placehold.it/50x50/5ec96e/ffffff&text=Index 77",
    "checked": true,
    "selectValue": 0,
    "text": "Eu enim nisi qui velit voluptate laborum tempor adipisicing exercitation do qui nisi reprehenderit culpa. Do non ex consectetur aliqua anim elit magna enim reprehenderit anim amet. Pariatur duis proident tempor cillum velit sint adipisicing. Exercitation sint adipisicing in ut enim eu aute anim sint aliquip ullamco qui mollit. Tempor consectetur in et Lorem fugiat cillum nostrud anim ullamco deserunt adipisicing.",
    "color": "rgb(86,239,85)"
  },
  {
    "index": 78,
    "name": "Alvarado Delacruz",
    "image": "http://placehold.it/50x50/deda5b/ffffff&text=Index 78",
    "checked": false,
    "selectValue": 2,
    "text": "Qui ea fugiat aute tempor magna dolor nisi fugiat officia. Dolor deserunt sint magna ullamco officia tempor reprehenderit velit fugiat Lorem aliqua cupidatat pariatur excepteur.",
    "color": "rgb(216,106,55)"
  },
  {
    "index": 79,
    "name": "Gilmore Jordan",
    "image": "http://placehold.it/50x50/b4bc15/ffffff&text=Index 79",
    "checked": true,
    "selectValue": 2,
    "text": "Voluptate nulla nisi nisi nulla sunt duis Lorem adipisicing. Aute et non aliqua ipsum consectetur minim nulla sint consectetur Lorem adipisicing proident. Eiusmod quis dolore irure do quis quis incididunt exercitation pariatur cupidatat et. Anim id minim sint duis laboris dolore duis commodo amet tempor consequat sit incididunt id.",
    "color": "rgb(108,201,84)"
  },
  {
    "index": 80,
    "name": "Lewis Casey",
    "image": "http://placehold.it/50x50/3e4a1e/ffffff&text=Index 80",
    "checked": false,
    "selectValue": 2,
    "text": "Laborum quis magna reprehenderit dolore velit et labore. Cillum aliquip amet ut esse minim ullamco labore laboris laborum culpa deserunt ipsum laborum eu. Officia labore cillum dolore veniam et proident anim duis tempor incididunt anim voluptate. Mollit pariatur id magna nostrud nisi dolore sit eu magna reprehenderit.",
    "color": "rgb(128,67,122)"
  },
  {
    "index": 81,
    "name": "Marisol Boyd",
    "image": "http://placehold.it/50x50/9bc2a3/ffffff&text=Index 81",
    "checked": true,
    "selectValue": 2,
    "text": "Excepteur proident cupidatat anim tempor pariatur cupidatat. Quis ipsum adipisicing officia culpa ex ea minim velit sint ut do sint anim ex.",
    "color": "rgb(213,140,167)"
  },
  {
    "index": 82,
    "name": "Rodriguez Cote",
    "image": "http://placehold.it/50x50/4fe689/ffffff&text=Index 82",
    "checked": false,
    "selectValue": 1,
    "text": "Ad tempor laboris enim Lorem incididunt et occaecat occaecat officia deserunt aliqua.",
    "color": "rgb(237,175,120)"
  },
  {
    "index": 83,
    "name": "Winifred Nixon",
    "image": "http://placehold.it/50x50/c45f6e/ffffff&text=Index 83",
    "checked": true,
    "selectValue": 1,
    "text": "Ea velit aliqua culpa in non aute.",
    "color": "rgb(168,249,117)"
  },
  {
    "index": 84,
    "name": "Vera Spence",
    "image": "http://placehold.it/50x50/b80e93/ffffff&text=Index 84",
    "checked": true,
    "selectValue": 0,
    "text": "Consequat adipisicing labore cillum excepteur laborum do mollit aute. Sit cillum incididunt consequat commodo culpa enim incididunt voluptate proident culpa id pariatur. Cillum quis tempor commodo duis pariatur. Ullamco et quis fugiat non labore.",
    "color": "rgb(81,242,125)"
  },
  {
    "index": 85,
    "name": "Chandra Calhoun",
    "image": "http://placehold.it/50x50/24e4aa/ffffff&text=Index 85",
    "checked": false,
    "selectValue": 0,
    "text": "Elit non Lorem eiusmod culpa anim ut mollit pariatur do laboris nisi. Eiusmod non ea pariatur voluptate minim nulla nisi laboris deserunt quis excepteur nulla. Ad nulla ad quis ad cupidatat duis. Ullamco sint irure excepteur anim esse. Enim dolor minim aute amet esse elit consectetur dolore excepteur aliqua ad.",
    "color": "rgb(251,254,224)"
  },
  {
    "index": 86,
    "name": "Lacy Coleman",
    "image": "http://placehold.it/50x50/bae3cd/ffffff&text=Index 86",
    "checked": true,
    "selectValue": 2,
    "text": "Incididunt duis excepteur non est mollit cupidatat elit aliquip consectetur. Id est quis commodo culpa in eu velit labore anim sunt. Ea officia non enim irure officia.",
    "color": "rgb(91,236,212)"
  },
  {
    "index": 87,
    "name": "Melendez Callahan",
    "image": "http://placehold.it/50x50/8a4518/ffffff&text=Index 87",
    "checked": true,
    "selectValue": 0,
    "text": "Duis nostrud veniam occaecat laboris quis nisi ex eu. Ea consequat ea ad quis fugiat est sit incididunt. Proident aliqua veniam enim ut qui duis incididunt reprehenderit deserunt esse dolore officia.",
    "color": "rgb(181,57,230)"
  },
  {
    "index": 88,
    "name": "Queen Beasley",
    "image": "http://placehold.it/50x50/6a08fd/ffffff&text=Index 88",
    "checked": false,
    "selectValue": 1,
    "text": "Culpa proident in exercitation non voluptate do. Voluptate occaecat dolore laboris adipisicing id. Nostrud tempor dolor incididunt cillum culpa consectetur ex esse ipsum tempor aliqua nulla ea incididunt. Nostrud in anim commodo tempor laboris laborum proident duis laborum ad voluptate. Ipsum ea incididunt reprehenderit aute deserunt Lorem consectetur laborum nisi nostrud aliqua adipisicing laborum.",
    "color": "rgb(214,68,64)"
  },
  {
    "index": 89,
    "name": "Lynch Atkins",
    "image": "http://placehold.it/50x50/fd3a98/ffffff&text=Index 89",
    "checked": false,
    "selectValue": 0,
    "text": "Aute ad quis veniam qui duis dolor ea ea cillum laboris sunt anim ex. Est consectetur eu sunt laboris ullamco ad id ea nulla fugiat Lorem. Culpa velit eiusmod nostrud ad nulla aliqua veniam dolore ex non.",
    "color": "rgb(66,131,101)"
  },
  {
    "index": 90,
    "name": "Yolanda Hays",
    "image": "http://placehold.it/50x50/66687a/ffffff&text=Index 90",
    "checked": true,
    "selectValue": 0,
    "text": "Amet sunt duis in irure do qui. Sunt laboris irure ad magna in ad. Adipisicing laboris nisi adipisicing esse aliqua amet proident enim incididunt est duis. Ut sunt irure reprehenderit exercitation id et non quis.",
    "color": "rgb(137,157,200)"
  },
  {
    "index": 91,
    "name": "Blake Holloway",
    "image": "http://placehold.it/50x50/52f55b/ffffff&text=Index 91",
    "checked": true,
    "selectValue": 1,
    "text": "Aute cillum laborum nisi cupidatat magna incididunt officia esse dolor nisi elit exercitation sunt. Anim duis adipisicing fugiat cillum mollit commodo eu culpa duis nostrud enim. Commodo aute proident ex deserunt id eu Lorem labore non aliquip est laboris quis pariatur. Duis proident eu laborum laborum irure in quis minim voluptate. Adipisicing magna quis tempor adipisicing ad labore Lorem incididunt do quis qui tempor.",
    "color": "rgb(96,101,159)"
  },
  {
    "index": 92,
    "name": "Nora Mcpherson",
    "image": "http://placehold.it/50x50/ebd515/ffffff&text=Index 92",
    "checked": true,
    "selectValue": 2,
    "text": "Eu culpa officia sint deserunt cupidatat ex. Nostrud nisi consectetur non ad Lorem Lorem laborum consectetur. Sint dolore ad in voluptate. Dolore duis id nulla sint culpa laboris.",
    "color": "rgb(134,111,193)"
  },
  {
    "index": 93,
    "name": "Kitty Woodward",
    "image": "http://placehold.it/50x50/bcab7c/ffffff&text=Index 93",
    "checked": true,
    "selectValue": 2,
    "text": "Dolor occaecat cupidatat voluptate aute velit aute ea nisi.",
    "color": "rgb(252,98,236)"
  },
  {
    "index": 94,
    "name": "Lena Murray",
    "image": "http://placehold.it/50x50/a64b6c/ffffff&text=Index 94",
    "checked": true,
    "selectValue": 0,
    "text": "Amet esse nostrud nostrud eiusmod veniam incididunt et ad qui adipisicing laboris laboris Lorem eu. Aute deserunt duis tempor aliqua aliquip esse velit aliquip esse. Duis tempor ullamco esse duis. In laborum cillum sint est mollit mollit. Consequat enim tempor officia quis velit ex enim ut aute esse sint dolor duis.",
    "color": "rgb(207,73,243)"
  },
  {
    "index": 95,
    "name": "Holden Valentine",
    "image": "http://placehold.it/50x50/1921ff/ffffff&text=Index 95",
    "checked": true,
    "selectValue": 0,
    "text": "Reprehenderit quis officia nulla consequat nulla eu. Elit dolor pariatur anim duis. Esse in ad exercitation eiusmod.",
    "color": "rgb(185,188,215)"
  },
  {
    "index": 96,
    "name": "Martina Vargas",
    "image": "http://placehold.it/50x50/a0d630/ffffff&text=Index 96",
    "checked": false,
    "selectValue": 1,
    "text": "Qui incididunt ex ea ipsum proident tempor et labore incididunt consectetur occaecat. Et magna mollit qui dolore tempor velit voluptate occaecat velit excepteur enim deserunt. Anim minim eiusmod amet laborum velit sint exercitation. Consectetur nulla adipisicing fugiat qui nostrud mollit sunt dolore est dolor excepteur enim Lorem sit. Cillum sit amet et labore occaecat sit amet irure est sunt enim.",
    "color": "rgb(102,130,91)"
  },
  {
    "index": 97,
    "name": "Eloise Frost",
    "image": "http://placehold.it/50x50/4e11ea/ffffff&text=Index 97",
    "checked": false,
    "selectValue": 1,
    "text": "Nulla proident eu esse et elit dolor ullamco mollit enim velit excepteur. Aliqua eu commodo nostrud duis eu aliqua ullamco dolor ullamco. Anim proident sint reprehenderit ipsum tempor deserunt aliqua consectetur sunt non laborum laborum. Minim aute ex tempor sit ullamco eu magna exercitation incididunt enim mollit magna sunt. Aliqua amet esse officia quis est cupidatat.",
    "color": "rgb(215,160,143)"
  },
  {
    "index": 98,
    "name": "Tasha Hunter",
    "image": "http://placehold.it/50x50/89c17b/ffffff&text=Index 98",
    "checked": true,
    "selectValue": 1,
    "text": "Magna officia consectetur cupidatat nulla tempor ut consequat magna commodo. Aliquip enim elit mollit ullamco eu dolor occaecat dolore. Mollit pariatur occaecat deserunt quis.",
    "color": "rgb(51,71,126)"
  },
  {
    "index": 99,
    "name": "Lenora Frederick",
    "image": "http://placehold.it/50x50/e17182/ffffff&text=Index 99",
    "checked": true,
    "selectValue": 1,
    "text": "Nulla ullamco dolor labore minim anim magna. Labore commodo amet sit id. Do officia magna duis id. Esse duis ullamco exercitation amet dolore ea aute irure do. Aliqua qui mollit aliqua officia reprehenderit occaecat dolor proident.",
    "color": "rgb(105,57,147)"
  }
]

gistfile1.html

<!doctype html>
<!--
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<html>
<head>
  <title>template repeat - iscroll</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <script src="../platform/platform.js"></script>
  <link rel="import" href="core-list.html">
  <link rel="import" href="../core-ajax/core-ajax.html">
  <script src="../iscroll/build/iscroll-probe.js"></script>
  <style>
    html, body {
      margin: 0;
      -webkit-tap-highlight-color: transparent;
      overflow: hidden;
    }
    
    list-test {
      display: block;
      height: 100%;
      margin: 0 auto;
    }
  </style>
</head>
<body fit>

<list-test></list-test>

<polymer-element name="list-test" layout vertical center-center relative>
<template>
  <style>
    .item {
      box-sizing: border-box;
      padding: 10px;
      overflow: hidden;
      color: black;
      border-bottom: 1px solid gray;
      height: 150px;
    }
    .item > img {
      height: 50px;
      width: 50px;
    }
    .body {
      font-size: 12px;
    }

  </style>

  <core-ajax url="demo-data-short.json" response="{{data}}" auto></core-ajax>

  <div id="scroller" fit>
    <div>
      <template repeat="{{data}}">
        <div class="item" style="xbackground-color: {{color}};">
          <img id="image" src="{{image}}">
          <span id="index">Index: {{index}}</span>
          <br>
          <span id="select" selectedIndex="{{selectValue}}">Selected Index: {{selectValue}}</span> | 
          <span id="checkbox" checked="{{checked}}">Checked: {{checked}} </span> | 
          <span id="input" value="{{name}}">Input: {{name}}</span>
          <div id="text">{{text}}</div>
        </div>
      </template>
    </div>
  </div>

</template>
<script>
(function() {

  Polymer('list-test', {
    ready: function() {
      this.iscroll = new IScroll(this.$.scroller, {
          mouseWheel: true,
          scrollbars: true,
          probeType: 3,
          useTransition: true
      });
      this.iscroll.on('scroll', function() {
        this.fire('scroll', {target: {scrollTop: -this.iscroll.y}}, this.$.scroller);
      }.bind(this));
      setTimeout(function() {
        this.iscroll.refresh();
      }.bind(this), 1000);
    },
  });
})();  
</script>
</polymer-element>

</body>
</html>