页面赢得'；在使用Javascript动态创建HTML后，不进行滚动

我创建了一个javascript函数，动态创建一个HTML字符串，但是由于某种原因，一旦HTML加载，页面将不再滚动。如果我打开Chrome开发者控制台，它会突然允许页面滚动。我已经检查过了，我想我已经有了所有需要的打开和关闭div标签。以前有人见过这个吗

这是否与javascript无法在页面加载之前完成有关

任何帮助都将不胜感激

HTML:

//在这里我调用函数来动态创建html
$（文档）.ready（函数（）{
生成成员（）；
});

JAVASCRIPT:

function generateMembers(){

    var doneTask = false;
    var TrebUser = Parse.Object.extend("TrebUser");
    var queryTrebUser = new Parse.Query(TrebUser);

    queryTrebUser.find({
        success: function(results) {
        //Create the member profiles
            var t ="<div class=\"row-fluid\"><div class=\"span12\">";

            for (i = 0; i < results.length; i++) {
                //var member = results[i];

                //alert("results length: " + results.length);
                t += "<div class=\"span3\">\
                        <div class=\"met_team_member\">\
                            <div class=\"met_team_member_preview\">\
                                <img src=\"photos/teamMembers/1.jpg\" alt=\"\" />\
                                <div class=\"met_team_member_overlay\">\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">Photoshop</span></div></div>\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">Illistration</span></div></div>\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">Photography</span></div></div>\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">HTML</span></div></div>\
                                </div>\
                            </div>\
                            <div class=\"met_team_member_details met_bgcolor3 met_color2\">\
                                <h2 class=\"met_title_stack\">DESIGNER</h2>\
                                <h3 class=\"met_title_stack met_bold_one\">ERKAN DOE</h3>\
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore magna aliqua. </p>\
                            </div>\
                            <div class=\"met_team_member_socials met_bgcolor clearfix\">\
                                <a href=\"http://www.facebook.com/\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-facebook\"></i></a>\
                                <a href=\"http://www.twitter.com/\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-twitter\"></i></a>\
                                <a href=\"http://www.google.com/\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-google-plus\"></i></a>\
                                <a href=\"mailto:info@metcreative.com\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-envelope\"></i></a>\
                            </div>\
                        </div>\
                    </div>";

                if ((i+1) % 4 == 0){
                    t += "</div></div><div class=\"row-fluid\"><div class=\"span12\">";
                }
            }

            t += "</div></div>";
            document.getElementById('memberList').innerHTML = t;

        },

        error: function(results, error) {
            alert("Error: " + error.code + " " + error.message);
        }

    });

}

函数生成器成员（）{
var doneTask=假；
var TrebUser=Parse.Object.extend（“TrebUser”）；
var queryTrebUser=newparse.Query（TrebUser）；
queryTrebUser.find({
成功：功能（结果）{
//创建成员配置文件
var t=“”；
对于（i=0；i\
\
\
\
\
\
\
\
\
";
如果（（i+1）%4==0）{
t+=”；
}
}
t+=”；
document.getElementById（'memberList'）。innerHTML=t；
},
错误：函数（结果、错误）{
警报（“错误：+Error.code+”“+Error.message”）；
}
});
}

为什么要在

元素中调用函数？我必须承认，这是我想到的唯一方法。我应该在别处调用该函数吗？有更好的方法吗@defaultNINJA按照@defaultNINJA的说法，将js放在一个单独的文件中，并在所有其他DOM元素呈现后调用该文件。通常在结束正文标记之前。已解决！我使用的模板在标记中使用了平滑滚动属性。通过动态创建html，一定发生了什么事情，导致这个奇特的平滑滚动工具停止工作。一旦我从body标签中删除了该属性，它就可以正常工作了。

function generateMembers(){

    var doneTask = false;
    var TrebUser = Parse.Object.extend("TrebUser");
    var queryTrebUser = new Parse.Query(TrebUser);

    queryTrebUser.find({
        success: function(results) {
        //Create the member profiles
            var t ="<div class=\"row-fluid\"><div class=\"span12\">";

            for (i = 0; i < results.length; i++) {
                //var member = results[i];

                //alert("results length: " + results.length);
                t += "<div class=\"span3\">\
                        <div class=\"met_team_member\">\
                            <div class=\"met_team_member_preview\">\
                                <img src=\"photos/teamMembers/1.jpg\" alt=\"\" />\
                                <div class=\"met_team_member_overlay\">\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">Photoshop</span></div></div>\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">Illistration</span></div></div>\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">Photography</span></div></div>\
                                    <div class=\"met_team_member_skill\"><div style=\"width: 100%\"><span class=\"met_bgcolor_trans met_color2\">HTML</span></div></div>\
                                </div>\
                            </div>\
                            <div class=\"met_team_member_details met_bgcolor3 met_color2\">\
                                <h2 class=\"met_title_stack\">DESIGNER</h2>\
                                <h3 class=\"met_title_stack met_bold_one\">ERKAN DOE</h3>\
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore magna aliqua. </p>\
                            </div>\
                            <div class=\"met_team_member_socials met_bgcolor clearfix\">\
                                <a href=\"http://www.facebook.com/\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-facebook\"></i></a>\
                                <a href=\"http://www.twitter.com/\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-twitter\"></i></a>\
                                <a href=\"http://www.google.com/\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-google-plus\"></i></a>\
                                <a href=\"mailto:info@metcreative.com\" target=\"_blank\" class=\"met_color2\"><i class=\"icon-envelope\"></i></a>\
                            </div>\
                        </div>\
                    </div>";

                if ((i+1) % 4 == 0){
                    t += "</div></div><div class=\"row-fluid\"><div class=\"span12\">";
                }
            }

            t += "</div></div>";
            document.getElementById('memberList').innerHTML = t;

        },

        error: function(results, error) {
            alert("Error: " + error.code + " " + error.message);
        }

    });

}