Advance Your Comic Panels In Any Direction With Normal Vertical-Scrolling

——— scroll to see effect ——>

King Spot is a webcomic, the fancy scroll-display of which I've made available in this sample. The HTML, CSS, and JavaScript may be reviewed whole in the page source-code.

As the medium that makes the most with line, comics best embody the practice George Carlin claimed, of revealing the thoughts of an individual or an intimate collaboration, with the least compromise and the easiest reception. Exploring options to tailor comics for web- display only seems to further pursuit of the best practices of the medium.

Thanks,
Mike Leung

Go to King Spot

3 pages from King Spot included in virtual gallery

  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.
  • Lorem ipsum dolor sit amet, consectetur adipiscingelit.
  • Nullam vulputate blandit nulla.
  • Duis adipiscing pretium turpis.
  • Aenean dolor felis, venenatis quis, semper eget, egestas quis, lectus.
  • Nam est nunc, pretium id, faucibus id, commodo quis, purus.
  • Suspendisse mauris.
  • Maecenas interdum accumsan lacus.
  • Nunc euismod congue dolor.
  • Nullam ornare elementum mi.

go to King Spot