Блог

Я кодирую ajax-систему бесконечной прокрутки. Это работает хорошо, у меня просто есть последняя проблема, которую я не могу решить.

Если я прокручиваю вниз, используя полосу прокрутки, удерживая ее до тех пор, пока не сработает ajax, мой экран отображается сверху

На данный момент я делаю обходной путь, чтобы экран отображался там, где я был до запуска ajax (с помощью var scrollTopSpy), но я не хочу, чтобы дисплей отображался сверху, как я могу этого избежать?

Это мой скрипт :

 <script type="text/javascript">
                    $(document).ready(function () {

                    var scrollTopSpy;

                        $(document).ajaxStart(function () {
                            scrollTopSpy = $(window).scrollTop();
                            toastr.warning("chargement en cours...");
                            $("body").css("overflow","hidden");
                        }).ajaxStop(function () {
                            $(window).scrollTop(scrollTopSpy);
                            $("body").css("overflow","auto");
                            toastr.success("chargement terminé");
                        });

                    var page = {{ pager.currentPage }};
                    var lastPage = {{ pager.countTotalPage }};

                    $(window).scroll(function () {
                        $('#more').hide();
                        $('#no-more').hide();
                        $(".pages-btns").hide();

                        if($(window).scrollTop()   $(window).height() > $(document).height() - 300) {

                            if (page < lastPage) {  

                                page  ;

                                var route = "{{ route("www-place", params|merge({"page":"JSPAGEVAR"})) }}";
                                route = route.replace("JSPAGEVAR", page);

                                $.get( route, function( data ) {
                                    $('.view-list > li:last').after(data);
                                });
                            }
                        }

                    });
                });
                </script>
 

Другая информация: это делает не вызов ajax, а когда я вышел из функции $(window).scroll (я безуспешно пытался вернуть false)

Это очень простой пример с jsfiddle: http://jsfiddle.net/gk6df /

Итак: удерживайте полосу прокрутки, перейдите к крайним значкам вниз, нажмите «ок» и посмотрите