กำหนดความสูงของ Scroll โดยใช้ Scroll ซ้อน Scroll

.scrollbar
{
	margin-top:0px;
	height: 95vh;
	overflow-y: scroll;
}

  <script src="jquery-1.11.2.min.js"></script>
    <script src="recliner.min.js"></script>

    <script>
        $(function() {
        
            // instantiate recliner
            $('.lazy').recliner({
                attrib: "data-src", // selector for attribute containing the media src
                throttle: 300,      // millisecond interval at which to process events
                threshold: 100,     // scroll distance from element before its loaded
                live: true          // auto bind lazy loading to ajax loaded elements          
            });

            // handle lazyload events
            $(document).on('lazyload', '.lazy', function() {
                var $e = $(this);
                // do something with the element to be loaded...
                console.log('lazyload', $e);
            });

            // handle lazyshow events
            $(document).on('lazyshow', '.lazy', function() {
                var $e = $(this);
                // do something with the loaded element...
                console.log('lazyshow', $e);
            });
        });
    </script>

    <style>
        .lazy {
            margin-bottom:30px;
            width: 320px;
            height: 200px;
            outline: 0;
            box-shadow: 0px 2px 4px #999;
            background: url(loader.gif) no-repeat center;
        }
        .lazy-loaded {
            background-image: none;
        }
    </style>

  <h3>Image 1</h3>
    <img class="lazy" data-src="img/lotus.jpg" />
    <h3>Image 2</h3>
    <img class="lazy" data-src="img/lotus.jpg" />
    <h3>Image 3</h3>
    <img class="lazy" data-src="img/lotus.jpg" />
    <h3>Image 4</h3>
    <img class="lazy" data-src="img/lotus.jpg" />
     <h3>Image 5</h3>
    <img class="lazy" data-src="img/lotus.jpg" />
     <h3>Image 6</h3>
    <img class="lazy" data-src="img/lotus.jpg" />
     <h3>Image 7</h3>
    <img class="lazy" data-src="img/lotus.jpg" />
     <h3>Image 8</h3>
    <img class="lazy" data-src="img/lotus.jpg" />