JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://vk.com/js/api/openapi.js?115"></script>
<div style="border:1px solid #000; margin-top:1300px" id="your_element">
    asdasdasdasd
    
</div>

JavaScript

VK.init({apiId: 1123744556, onlyWidgets: true});


$(document).ready(function(){
    $(window).scroll(function() {
        if ($(window).scrollTop() + $(window).height() >= $('#your_element').offset().top) {
            if(!$('#your_element').attr('loaded')) {
              
                $('#your_element').attr('loaded', true);

               
                VK.Widgets.Comments("your_element", {limit: 15, width: "700", attach: "graffiti"});
            }
        }
    });
});