在离子3,使用iPhone的滑动会出现垂直滚动滑块离子时,它会导致应用程序的UI体验。它是严重的错误我已经在谷歌上搜索任何人的作品尝试过很多的想法。请帮我任何一个意识到这个问题
我有办法! ionSlideDrag发射时的滑动移动。当滑动移动我调用哪个类添加到我的内容添加了一个功能
overflow-y: hidden.
当滑动变化结束ionSlideDidChange触发。这意味着,当滑动变化结束我叫其删除类的函数,我的内容是再次滚动。
对于添加和删除类我已经实现的jQuery。 (How can I use jQuery with Ionic 2?)
这是我的代码示例:
在我view.html
<ion-slides slidesPerView="4" spaceBetween="20" (ionSlideDrag)="dragging()" (ionSlideDidChange)="endDragging()">
<ion-slide *ngFor="let action of actionPages">
<img [src]="url + action.imgSmall">
<h1></h1>
</ion-slide>
</ion-slides>
在我view.ts
dragging(){
$("#contenitore").addClass("no-scroll")
}
endDragging(){
$("#contenitore").removeClass("no-scroll")
}
无滚动类app.scss:
.no-scroll {
div.scroll-content {
overflow-y: hidden;
}
}
我们对我们的项目的一些滑块有同样的问题。第一张幻灯片是好的,你可以左右滑动,右无任何垂直滚动,但任何进一步的幻灯片将滚动整个页面向上和向下。什么固定的对我们来说是添加下面的CSS:
.swiper-wrapper{
width:auto !important;
}
所述.swiper-包装为宽度:100%,然后被推向左(或关闭屏幕)滚动时。因此,在滑块任何进一步的挥笔为outwith的刷卡,包装从而导致整个页面移动。