我有以下的“响应式”滑块与危险的滑动,在移动低于653px它显示一张幻灯片一次,和桌面上超过653px它显示尽可能多的可以容纳:如果你加载页面在每个屏幕尺寸它似乎很好,但当你调整大小(浏览器),它有时会变得有点混乱。即幻灯片下拉,或者当您再次重新调整大小时幻灯片宽度发生变化
目前,我有以下代码用于调整大小部分:
$(window).resize(function() {
var browserWidthResize = $(window).width(); // New width
if (browserWidthResize <
我的目标是获得类似于原生android的滑动标签体验。开始屏幕上的WhatsApp选项卡就是一个很好的例子。
所以我决定使用。我的配置如下所示:
// This works -> but I dont want centered slides
var galleryThumbs = new Swiper('.gallery-thumbs', {
centeredSlides: true,
slidesPerView: 'auto'
});
// This will not work -> I can only slide the f
在离子3中,我使用离子幻灯片;在Android和iOs应用程序上,一切都很好:我可以滑动每一行,其他行则保持不变。
在试图使用鼠标“滑动”的浏览器上,任何操作都不像预期的那样;如果我滑动第一行,第二行和第三行的幻灯片也会更改位置。
这是我的模板:
<ion-card *ngFor="let channel of channels; let i = index;">
<ion-card-header {{channel.title}}</ion-card-header>
<ion-card-content>
我正在跟踪这个滑块:
我的项目中有2个滑动滑块,两者都有不同的分类。
一个滑块使用类名swiper-container很好。但是当我要将第二个滑块的类名更改如下时,它就不起作用了。
第一滑块有4项每幻灯片和我希望第二滑块应该有一个项目每幻灯片。这就是为什么我想更改滑块容器的名称。
HTML:
<div class="intro-swiper-container"> <--- changing this class name
<div class="swiper-wrapper">