在Swiper中显示上一张和下一张幻灯片的一部分

文章/答案/技术大牛

发布

2回答

滑动幻灯片-显示之前/下一个幻灯片的结束/开始，比如Airbnb滑翔机？

mobile、angular、slider、ionic2、swiper.js

上面是来自Airbnb的滑块。有没有办法在上取得类似的效果？对于中间的幻灯片，有前面和下一个幻灯片的开始和结束。对于最后一张幻灯片，在上一张幻灯片的右侧和左侧有一

浏览 0提问于2016-07-16得票数 38

5回答

Swiper -显示下一张幻灯片的一部分

javascript、swiper.js

我想展示第二张幻灯片的一部分。大约20%-30%。我已经将slidesPerView设置为2.1 (在移动设备上！)显示下一张幻灯片的一部分。但是，当滚动在幻灯片中时，它不会按下容器的开始，这会导致在滚动通过滑动器时幻灯片的一部分不在视图中。我试过将幻灯片

浏览 34提问于2020-08-19得票数 5

1回答

javascript、swiper

我想在swiper中显示上一张和下一张幻灯片的一部分，但使用"slidesPerView: 2.2“这样的配置总是会显示下一张幻灯片的一部分，而不是前一张幻灯片的一部分。请参阅以下示例：第一张幻灯片</

浏览 89提问于2020-05-25得票数 0

1回答

旋转单元在悬停上缩放，溢出隐藏问题

html、css

我在我的项目中使用了刷卡。每个滑动元素在悬停时都在缩放。但内容却在减少，因为溢出隐藏着。我不能给垫或高度，因为设计。我怎么能修好它？

浏览 3提问于2020-12-27得票数 0

1回答

swiper.js预加载下一个图像？

carousel、swiper.js

当lazyloading处于活动状态时，是否有一种方法可以使用swiper.js预加载下一个或两个图像？该滑块包含100幅图像，我们不希望在页面打开时加载这些图像，但我们希望加载第一张和下一张图像，让它们在动画运行时出现在下一张幻灯片中。有什么想法吗？

浏览 3提问于2021-08-11得票数 1

1回答

Swiper -有没有办法在每张幻灯片后自动scrollTop？

css、html、swiper

我正在使用swiper浏览一些内容(文本，照片，视频)，每个幻灯片都有不同的高度，所以我设置了autoHeight: true，问题是，如果我在一张幻灯片的底部，然后滑动到下一张幻灯片，滚动条就会一直停留在下一张/上一张幻灯片的底部。所以我需要的是在每张幻灯片后自动滚动到顶部，在任

浏览 1提问于2019-04-09得票数 0

1回答

Swiper spaceBetween无法正常工作

javascript、html、slider、gallery、swiper

我正在尝试使用带有spaceBetween: 20属性的slidesPerView: 'auto'，但在每个视图上只显示一张幻灯片。我希望在第一张幻灯片之后显示下一张幻灯片，即使它将被文档宽度剪切。, } })

浏览 161提问于2019-07-12得票数 1

回答已采纳

4回答

Swiper.js -如何显示2张半幻灯片和2张完整幻灯片

slider、swiper.js

我想使用swiper.js，在中间显示2张完整的幻灯片，然后两边各放一半幻灯片。我想这是可能的，但我想不出怎么做。谢谢!

浏览 32提问于2022-02-21得票数 0

1回答

多个React Carousel库的显示问题

javascript、css、reactjs、slider、carousel

我目前正试图在我的react应用程序中实现一些Carousel库，但我遇到了一个问题，我尝试过的所有库都有问题。旋转木马将显示第一张幻灯片上的项目，但它不会显示其他幻灯片上的任何其他项目，即使它们存在于旋转木马中，并且我能够切换到下一张幻灯片。我目前已经尝试了SwiperJS，Embla-Carousel<em

浏览 46提问于2021-11-21得票数 0

2回答

如何按上下箭头使滑块移动

javascript、jquery、css、html、frontend

JsFiddle if(e.keyCode == 38) { // top top: "-=518" } $(".swiper-slide").animate

浏览 7提问于2017-07-18得票数 0

回答已采纳

1回答

使用swiper.js滑动滚动到顶部的framework7不起作用

swiper、html-framework-7、phonegap-desktop-app

我用swiper实现了这个功能。我想知道如何使用此功能回滚到下一张幻灯片页面的顶部。到目前为止，当我使用onAutoplay回调时，它只会滚动到下一张幻灯片的顶部，这是我不想要的。我的幻灯片有不同的文本和图像，可以滚动，这就是为什么当我向左或向右滑动时，我想返回到下一张或前一张幻灯片的顶部。请为我提供一个例子，如果可能的话，如何

浏览 6提问于2016-10-18得票数 0

2回答

使用Swiper* JS滑块-我想左对齐第一张幻灯片，并从屏幕外显示第二张幻灯片的峰值*

javascript、jquery、swiper

我正在使用设置来覆盖具有以下设置的流。var swiper = new Swiper('.swiper-container', { effect: 'coverflowstretch: 0, modifier: 1, }然而，我想要显示<

浏览 34提问于2017-07-19得票数 1

回答已采纳

3回答

SwiperSlide onTouchStart/onClick =>触发器slideNext()

reactjs、slideshow、swiper.js

我想包括这张幻灯片：如何在反应中触发slideNext()？我在阅读文档/我不理解它时遇到了问题--而且文档似乎没有告诉我如何在react中这样做。在jquery中，如下所示： $('section.slideshow').on( &#x

浏览 3提问于2020-08-08得票数 4

回答已采纳

1回答

SwiperJS with react没有显示下一张幻灯片

javascript、reactjs、react-hooks、swiper.js

我目前正在将SwiperJS与我的ReactApp集成，除了它没有显示下一张幻灯片外，一切都正常工作。它将显示当前正在显示的幻灯片，但当我在幻灯片上滑动时，它将不会显示下一个幻灯片。我使用的默认滑块和示例代码，他们在网站上，但我似乎不能复制他们的演示。在本例中<

浏览 0提问于2021-11-20得票数 1

1回答

如何防止点击移动到swiperjs中的下一张幻灯片？

javascript、vue.js、swiperjs

根据我的逻辑，如何在swiper中取消点击下一步按钮？我试过了--不管用。swiper.on('init', async () => { if (true /* mylogic() *&

浏览 59提问于2020-05-23得票数 2

3回答

危险的Swiper，需要取消滑动到下一张幻灯片

javascript、jquery、swiper

我需要验证幻灯片中的一些内容，如果无效，请不要更改幻灯片。这是代码，但它不工作。var calcSwiper = $('.calculator .swiper-container').swiper({ onSlideNextStart: function (

浏览 0提问于2015-11-10得票数 4

1回答

JS在应该删除类的时候不这样做

javascript、jquery、swiper

我有一个滑块，第一张幻灯片有一流的幻灯片。当我在滑块中时，它会自动添加活动的类。我希望如果这个幻灯片有活动的类和第一个幻灯片，滑动将有一个100vh的高度。当我转到下一张幻灯片时，滑块将不会有第一张幻灯片，所以我希望滑块的高度是自动的。我试着这样做，但它不适用高度:自动当我转

浏览 12提问于2020-05-20得票数 0

1回答

变化莫测的swiper:在大列表中滑动太慢了

android、jquery、ios、slider、swiper

我正在使用动态的swiper来切换到我的应用程序中的不同幻灯片。其中一张幻灯片我有记录列表，如果我在列表中有10到20个动态记录，滑动很顺利，但随着记录的增加，它开始滑动相当慢。在我的iPhone4上，如果我有300条记录，它在滑动到下一张幻灯片时会延迟2到3秒。我只有一行简单的swiper代

浏览 2提问于2014-07-24得票数 0

1回答

Swiper -2列拇指幻灯片，活动幻灯片不总是在视图中

javascript、jquery、swiper

当我在主“英雄”滑块上点击“下一步”多次(10)。视图中的拇指变得不同步，活动的拇指不再位于视图中。我正在尝试连接两个滑动滑块一起内引导模式。thumbs滑块是一个垂直的两列滑块，并链接到模式内部的主"hero“滑块。向下滚动页面并单击“查看23张照片”以打开模式。https://transmission.mecum.tv/2019/06/18/milk-money/ const $id

浏览 33提问于2019-06-25得票数 0

4回答

当幻灯片发生更改时，如何获得当前幻灯片的索引？

javascript、swiper.js

我有以下几点 direction: 'vertical',}); mySwiper.on因此，如果我在第一张幻灯片( 0 )上，然后转到下一张幻灯片，当它应该是1时，realIndex是0，当我回到第一张幻灯片时，realIndex是1，当它应该是0。因此，该事

浏览 3提问于2018-05-09得票数 7

回答已采纳

点击加载更多

滑动幻灯片-显示之前/下一个幻灯片的结束/开始，比如Airbnb滑翔机？

Swiper -显示下一张幻灯片的一部分