Javascript 正在滚动加载外部脚本

Javascript 正在滚动加载外部脚本,javascript,jquery,performance,Javascript,Jquery,Performance,我的网站上几乎没有加载外部脚本。例如,这个类似Facebook页面的小部件脚本。我不想加载它,直到用户向下滚动到某个位置,或者至少有一个用户滚动。我如何使用jquery或ajax之类的工具实现这一点 connect.facebook.net/en_US/sdk.js (功能(){ var loadFB=函数(d、s、id){ var js,fjs=d.getElementsByTagName[0]; if(d.getElementById(id))返回; js=d.createElemen

我的网站上几乎没有加载外部脚本。例如,这个类似Facebook页面的小部件脚本。我不想加载它,直到用户向下滚动到某个位置,或者至少有一个用户滚动。我如何使用jquery或ajax之类的工具实现这一点

connect.facebook.net/en_US/sdk.js


(功能(){
var loadFB=函数(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;
js.onload=function(){
//加载FB页面插件后,其容器的高度会发生变化。
//我们需要通知主题,这样像粘性小部件这样的元素才能做出反应
FB.Event.subscribe('xfbml.render',函数(){
jQuery('body')。触发器('g1PageHeightChanged');
});
};
js.id=id;
js.src=“//connect.facebook.net/en_US/sdk.js#xfml=1&version=v2.5”;
fjs.parentNode.insertBefore(js,fjs);
};
loadFB(文档,'script','facebook jssdk');
})();

您可以使用scroll event(滚动事件)进行此操作。请参阅

您可以尝试添加一个事件,该事件在到达某个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的位置

没有所有的代码,因此只能引导您找到“如何”的解决方案

如果您需要更多帮助,请附上其余部分

$(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
       }
});