Каждый слайд состоит из динамического контента, который передается через него. вызов Ajax.
Проблема в том, что у меня есть два слайдера на одной странице, и когда я дохожу до последнего слайда на обоих, начинает появляться огромное пустое пространство. и чем больше мы скользим пальцем, тем больше пустого пространства он создает.
Я оставлю здесь несколько отпечатков и соответствующие фрагменты кода.
Мой HTML-файл:
Код: Выделить всё
Ementa
Eventos
Код: Выделить всё
myApp.onPageInit('home', function (page) {
$(document).ready(function()
{
var ajaxurl3="myurl.php";
$.ajax({
type: "POST",
url: ajaxurl3,
success: function(data) {
$.each(data, function(i, field){
var id=field.id_categoria;
var nomeCategoria=field.nome_categoria;
var imgCategoria=field.img_categoria;
var string = "[url=pratos.html?idcat=]
"+nomeCategoria+"
[/url]";
$("#slider-ementa-home").append(string);
})
},
complete: function (data) {
var mySwiper2 = myApp.swiper('.swiper-ementa-home', {
spaceBetween: 15
});
}
});
var ajaxurl4="myurl2.php";
$.ajax({
type: "POST",
url: ajaxurl4,
success: function(data) {
$.each(data, function(i, field){
var id=field.id_evento;
var nomeEvento=field.nome_evento;
var imgEvento=field.img_evento;
var string = "[url=eventos.html?idcat=]
"+nomeEvento+"
[/url]";
$("#slider-eventos-home").append(string);
})
},
complete: function (data) {
var mySwiper3 = myApp.swiper('.swiper-eventos-home', {
spaceBetween: 15
});
}
});
});
})
- При загрузке страницы (все в порядке) : https://gyazo.com/42094ad145607579572eb550a2d22d28
- Прокрутка до последнего слайда (много пустого места): https://gyazo.com/64f5ec3b4d9c2e1f77357d2a040ea153
- Если мы продолжим прокрутку (если мы продолжим прокрутку, пустое пространство будет продолжать добавляться): https:// gyazo.com/f9e1be36eabbcafdd8767b05a29d2259
Подробнее здесь: https://stackoverflow.com/questions/506 ... last-slide