Javascript 下拉列表位于站点的底部

我的select2显示屏有点问题。 请求工作完美，我得到了正确的项目，问题不在这里，问题是列表完全位于网站底部的页脚之后

代码是：

<input type="hidden" class="select2 form-control" id="select2" placeholder="search ..." name="q" value="{{ searchTerm ?: '' }}"> 

以及：

当我搜索术语时，我有一个警告：

此网站似乎使用了滚动链接的定位效果。这可能不适用于异步平移；有关更多详细信息，请参阅，并加入有关工具和功能的讨论

问题可能来自警告，但我不知道如何解决它

---

Thx提前

这仅仅是因为我没有添加“bundles/syliusweb/css/select2.css”行

<script type="text/javascript">
    function format(product) {
        return '<img src="/media/images/'+product.image+'" alt="" class="imgmedia-object" height="60" width="60"/><h5>'+product.name</h5><hr>';
    }

    $(document).ready(function() {

        // Get this orders sku
        var skus = [];
        $('.sku').each(function(){
            skus.push($(this).text().trim());
        });

        $(".select2").select2({
            multiple: true,
            minimumInputLength: 2,
            tokenSeparators: [',', ' '],
            ajax: {
                url: "{{ url('sylius_backend_product_find') }}",
                dataType: 'json',
                data: function (term, page) {
                    return {
                        criteria: {
                            sku: term
                        }
                    };
                },
                results: function (data, page) {
                    return {
                        results: data
                    };
                }
            },
            formatResult: format
        }).on("select2-selecting", function(e) {
            window.location = e.choice.url;
        });

    });
</script>