滾動加載外部腳本

Question

我的網站上加載的外部腳本很少。 例如，這個 Facebook Page Like Widget 腳本。 我不想在用戶向下滾動到某個位置或至少用戶滾動之前加載它。 我怎樣才能用 jquery 或 ajax 或其他東西來實現這一點？

connect.facebook.net/en_US/sdk.js

             <script>
                    (function() {
                        var loadFB = function (d, s, id) {
                            var js, fjs = d.getElementsByTagName(s)[0];
                            if (d.getElementById(id)) return;
                            js = d.createElement(s);
                            js.onload = function() {
                                // After FB Page plugin is loaded, the height of its container changes.
                                // We need to notify theme about that so elements like eg. sticky widgets can react
                                FB.Event.subscribe('xfbml.render', function () {
                                    jQuery('body').trigger('g1PageHeightChanged');
                                });
                            };
                            js.id = id;
                            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
                            fjs.parentNode.insertBefore(js, fjs);
                        };

                                                loadFB(document, 'script', 'facebook-jssdk');
                                            })();
                </script>

Answer 1

您可以為此參考文檔使用滾動事件

Answer 2

您可以嘗試添加到達某個 div 時觸發的事件：

$(window).scroll(function() {
       var heightT = $('.your-div').offset().top,
           outerH = $('.your-div').outerHeight(),
           windowH = $(window).height(),
           wS = $(this).scrollTop();

       if (wS > (heightT+outerH-windowH-200)){
          //add Your script here
       }
});

通過計算屏幕高度和div的位置。

沒有你的所有代碼，所以只能指導你解決“如何”的問題。

如果您需要更多幫助，請附上其余部分！