jQuery подгрузка страниц для DLE

При прокрутке страницы вниз данный хак подгружает следующую страницу.

По умолчанию при прокрутке страницу за 10 пикселей до тега body срабатывает ajax запрос и подгружает следующую страниц.

Как реализовать:

1. Открываем шаблон navigation.tpl и вставляем в него следующее (В самый низ):

<div id="ajax-next-page" style="display: none;">[next-page][/next-page]</div>
<script type="text/javascript">
    $(function() {
        $(window).scroll(function() {
            if ($(window).scrollTop() > $('body').height()-$(window).height()-10) {
                var nextPage = $('#ajax-next-page a').attr('href');
                if (nextPage !== undefined) {
                    $.ajax({
                        url: nextPage,
                        success: function(data) {
                            $('#ajax-next-page').remove();
                            $('#dle-content').append($('#dle-content', data).html());
                        }
                    })
                }
            }
        });
    });
</script>

Так же вы можете настроить хак под высоту футера вашего сайта, то есть отредактировать цифру в 10px

            if ($(window).scrollTop() > $('body').height()-$(window).height()-10) {

Готово.

delux

Предлагаю делиться опытом в сфере сайтостроения!

Читайте также:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.