   </div>
        </div>
    </div>
</div>


<script>
document.addEventListener('DOMContentLoaded', function(){
    var fakeBody = document.querySelector('.example2__fake-body');
    $('.nano').nanoScroller({ scrollTop: fakeBody.clientHeight / 2 });

    setTimeout(function() {
        var pop1 = new Popper(example2reference1, example2popper1, {
            placement: 'left',
        });
    }, 1000);
}, false);
</script>

<style>
    .example2__fake-body {
        overflow-x: scroll;
        height: 450px;