<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>CSS Scroll Snap - scroll-padding sticky header</title>
    <link rel="stylesheet" href="../css-cookbook/styles.css" />
    <style>
      .scroller {
        border: 4px solid #333;
        width: 300px;
      }

      .scroller section {
        min-height: 100%;
        padding: 10px;
      }

      .scroller section:nth-child(odd) {
        background-color: #ccc;
