Я работаю в приложении, где у нас есть ползунки на нескольких страницах, ползунки работают нормально, когда мы загружаем эту страницу непосредственно в веб-браузере. Но когда мы переходим с одной страницы слайдера на другую страницу слайдера, слайды следующей страницы слайдера скрывают некоторую часть слайдов, кроме 1-го, и она увеличивается с каждым слайдом, а если у меня 4 слайда, то более половины части скрывается для 4-го слайда.
Вот скриншот для слайдера с 2 слайдами, 2-й слайд не центрирован, а часть справа скрыта:
Here is the slider code:
HTML:
некоторый контент некоторый контент
Файл TS:
@ViewChild('successSlide', { static: true }) protected slides: IonSlides;
quesSlideOpts = {
initialSlide: 0,
speed: 400,
centeredSlides: true,
spaceBetween: 5,
slidesPerView: 1.1
};
ionViewDidEnter() {
console.log('update success discover')
this.slides.update()
}
Я добавил this.slides.update()
, сославшись на некоторые ответы, но это не помогло.