Jquery 在我从下拉列表中选择选项后，页面的滚动位置会发生变化

最近我下载了select2.min.js版本：3.5.1并应用到我的asp页面。一切正常，但我面临的一个问题是，每当我从下拉列表中选择任何选项时，页面的滚动位置都会被重置到屏幕中央。 我的asp代码是

<asp:DropDownList CssClass="SelectClass" ID="drpTypeofRooms3" runat="server"></asp:DropDownList>

我知道这个问题有点奇怪，但我已经浪费了将近2-3天。 请帮忙我找到了解决办法

我使用了最新版本，即select2-4.0.0-beta.3，解决了我的问题

$(document).ready(function () {

        $(".SelectClass").select2({
            placeholder: "--Select--"
        });
        $(".SelectClass").each(function (x) {
            $("#s2id_" + this.id).attr("tooltip", $("#" + this.id + " option:selected").text());
            $("#s2id_" + this.id).attr("title", $("#" + this.id + " option:selected").text());
        });
        $(".SelectClass").change(function () {
            $("#s2id_" + this.id).attr("tooltip", $("#" + this.id + " option:selected").text());
            $("#s2id_" + this.id).attr("title", $("#" + this.id + " option:selected").text());
        });
    });