Я заметил, что событие прокрутки jquery автоматически запускается, когда какой-то контент нажимает вверху страницы на ajax. Любой эксперт знает, как избежать запуска события прокрутки, когда содержимое было добавлено? Но событие прокрутки запускается, когда пользователь запускает колесико мыши, вверху страницы, а также клавиатуру вверх и вниз, возможно?
$(window).on('scroll', function () {
console.log("User manual scrolled.");
});
На основе этого примера. https://jsfiddle.net/q00jnv4n/
.off функция, используемая для Удаление обработчика событий.
Вы должны использовать $(window).off("scroll") непосредственно перед загрузкой содержимого с помощью ajax, а затем снова использовать $(window).on('scroll', function () { после загрузки содержимого
Используя .off, ваш обработчик прокрутки будет удален, пока контент загружается на сайт.
Один из вариантов остановки отображения, отображаемого для перемещения, состоит в том, чтобы отрегулировать scrollTop на величину, измененную высотой #result, например. scrollTop = (scrollTop + newHeight - oldHeight):
function AddContent() {
var height = $('#result').height();
console.log("height: " + height);
$(".UnloadedPara").each(function () {
//console.log();
$(this).replaceWith("<div>This is some new paragraph</div>");
});
var newHeight = $('#result').height();
$(window).scrollTop($(window).scrollTop() + newHeight - height);
}
Вы используете window.scrollTop() в своем коде. Он автоматически выведет событие прокрутки в jQuery, поскольку jQuery использует window.scrollTo() под капотом.
Вы не можете подавить это событие с прокруткой. Но вы можете использовать хак, чтобы определить, было ли вызвано событие прокрутки после того, как вы добавили AddContent под названием window.scrollTop(). Вы можете сделать это, установив логическую переменную в AddContent на false. И проверьте свой обработчик события прокрутки, если переменная if false или нет. Если это false, то установите его на true и ничего не делайте. В противном случае выполните требуемое действие.
Я разветкил ваш jsfiddle и обновил его: JsFiddle
ссылаясь на этот пост, существует событие, которое прослушивает только прокрутку мышь.
$(window).bind('mousewheel DOMMouseScroll', function(e){
if (e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0) {
// scroll up
} else {
// scroll down
}
});
приветствия timotheus
Это всего лишь обходной путь, но если вам нужно быстрое исправление, вы можете прокрутить окно назад к кнопке после того, как новый контент будет загружен наверху.
https://jsfiddle.net/msfq5mx0/
$(window).scrollTo(0,$("#btnAddContent").offset().top);