Почему положение прокрутки изменяется при добавлении данных?

Question

Почему положение прокрутки изменяется при добавлении данных?

0

Я добавляю данные не в один div. Но когда я добавляю данные, моя позиция фокуса или прокрутки находится между добавлением содержимого. Фактически я добавляю данные, когда пользователь прокручивает вниз. Но когда я сохраняю изображения Google, он загружает некоторые изображения, а затем, когда пользователь переходит к последним строкам, он загружает больше изображений, не изменяя положение прокрутки.

Можем ли мы сделать в моем примере http://jsfiddle.net/cQ75J/10/

 var pages = [page_1, page_2, page_3, page_4, page_5];
    var backupPages=new Array();
    var totalPage = "page_" + pages.length;
    $("#current").html(pages.pop());


$("#fullContainer").scroll(function () {

     if ($(this).scrollTop() >= $(this)[0].scrollHeight - document.body.offsetHeight && pages.length) {
          // alert("--")
          $("#next").html('')
        $("#pre").html('')
        $("#pre").html($("#current").html());
        $("#current").html('');

        $(this).scrollTop(
           $("#current").html(pages.pop())
            .appendTo($("#fullContainer"))
            .height()
        );
        }

});

У меня есть один пример, в котором мне нужна такая же позиция прокрутки после добавления. Но он создает новый div в текущем div. Мне нужны новые данные в текущем (id) div а текущие данные идут на предыдущий (id) div http://jsfiddle.net/hBvrA/

user2648752 10 март 2014, в 02:15

Источник

0

Изменение положения прокрутки происходит где-то посередине между данными добавления
user2648752 10 март 2014, в 01:02
0

пожалуйста, проверьте мою вторую скрипку, она работает нормально, но проблема в том, что она создает новые div
user2648752 10 март 2014, в 01:03
0

когда вы прокручиваете мой аргумент, он добавляет данные в мой текущий div. И фокус или позиция прокрутки переходят куда-то еще. Это должно быть только на последней строке
user2648752 10 март 2014, в 01:06
0

Пожалуйста, проверьте мою вторую скрипку. Она отлично работает, фокусировка или положение прокрутки остаются прежними. Но это создает новые div
user2648752 10 март 2014, в 01:08
0

Как вы видите в приложении Facebook, оно загружает чат, но положение прокрутки остается прежним.
user2648752 10 март 2014, в 01:09

Показать ещё 3 комментария

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Изменение положения прокрутки происходит где-то посередине между данными добавления
пожалуйста, проверьте мою вторую скрипку, она работает нормально, но проблема в том, что она создает новые div
когда вы прокручиваете мой аргумент, он добавляет данные в мой текущий div. И фокус или позиция прокрутки переходят куда-то еще. Это должно быть только на последней строке
Пожалуйста, проверьте мою вторую скрипку. Она отлично работает, фокусировка или положение прокрутки остаются прежними. Но это создает новые div
Как вы видите в приложении Facebook, оно загружает чат, но положение прокрутки остается прежним.

Dharmang · Answer 1 · 2014-03-13T02-48-00.000Z

проверьте обновленную скрипту: http://jsfiddle.net/hBvrA/1/

Я создал функцию для обновления html-структуры

function updateContents() {
    $("#pre").html($("#pre").html() + $("#current").html());
    $("#current").html("<div>" + pages.pop() + "</div>"); 
    $("#fullContainer").scrollTop($("#pre").height());
}

и вызывается в событии прокрутки с механизмом таймера ожидания:

var timerWait = 1000;
var timerFlag = false;

$("#fullContainer").scroll(function () {
    if ($(this).scrollTop() >= $(this)[0].scrollHeight - document.body.offsetHeight && pages.length) {
        // Clear timer
        clearTimeout(timerFlag);
        timerFlag = setTimeout(function() {
            updateContents(); 
        }, timerWait);
    }
});