JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<a href="http://fiddle.jshell.net/nKn9L/show/light/#policy" class="fancy">Link</a>

JavaScript

$('a.fancy').click(function(e) {
    var link = $(this),
        currentHref = link.attr('href'),
        hashString = '';

    if (currentHref.indexOf('#') > -1) {
        var hrefParts = currentHref.split('#');
        hashString = '#' + hrefParts[1];
    }
    
    link.fancybox({
        type: "iframe",
        afterShow: function () {
            if (hashString != '') {
                var iframe = $('.fancybox-iframe:eq(0)');
                iframe.contents().find('html,body').animate({ scrollTop: iframe.contents().find(hashString).position().top - 10 }, 1);
            }
        }
    });
    
    e.preventDefault();
});