<div class="container">

        <div class="sticky-box">内容1</div>

        <div class="sticky-box">内容2</div>

        <div class="sticky-box">内容3</div>

        <div class="sticky-box">内容4</div>

    </div>

.container {

            background: #eee;

            width: 600px;

            height: 1000px;

            margin: 0 auto;

        }

​

        .sticky-box {

            position: -webkit-sticky;

            position: sticky;

            height: 20px;

            margin-bottom: 10px;

            background: #ff7300;

            top: 10px;

        }

​

        div {

            font-size: 12px;

            text-align: center;

            color: #fff;

            line-height: 20px;

        }