загрузка внешнего скрипта при прокрутке - PullRequest
0 голосов
/ 25 февраля 2020

На моем сайте загружено несколько внешних скриптов. например, этот скрипт на странице Facebook 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>

Ответы [ 2 ]

0 голосов
/ 25 февраля 2020

Вы можете попытаться добавить событие, которое срабатывает при достижении определенного 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.

Не иметь весь Ваш код, так что можете только направить Вас к решению «как».

Пожалуйста, приложите остальное, если Вам нужна дополнительная помощь!

0 голосов
/ 25 февраля 2020

Вы можете использовать событие прокрутки для этой ссылки Документы

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...