So I can't get the IFrame I have to properly resize to the contents of the page it's displaying. I'm on the latest version of chrome, and yes, I know others have made answers on how to do it, but no matter what I try nothing works. It either zooms in on the page (best try I've had yet tbh) or it just stays the same as if I've never changed anything. I don't know S*** about javascript, so please help me out
I've already tried a ton of things, you name it, I've probably tried it.
<script type='text/javascript'>
    $(function(){
        var iFrames = $('iframe');
        function iResize() {
            for (var i = 0, j = iFrames.length; i < j; i++) {
              iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
            }
            if ($.browser.safari || $.browser.opera) { 
               iFrames.load(function(){
                   setTimeout(iResize, 0);
               });
               for (var i = 0, j = iFrames.length; i < j; i++) {
                    var iSource = iFrames[i].src;
                    iFrames[i].src = '';
                    iFrames[i].src = iSource;
               }
            } else {
               iFrames.load(function() { 
                   this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
               });
            }
        });
</script>
<iframe src="https://www.thundergaming.net/forums" class="iframe" scrolling="no" frameborder="0"></iframe>
Right now that just zooms in on the page, like it was resized, but the actual window stayed the same. I need the site and the actual IFrame to resize to the IFrames contents, making everything seemless as if you were actually on that page and not looking at an iframe.