有没有办法让Swiper幻灯片随着延迟时间垂直移动？

文章/答案/技术大牛

发布

1回答

javascript、animation、slide、swiper

我正在尝试用Swiper.js制作幻灯片，并且当我单击导航按钮时，我正在尝试添加一些动画。因此，当我单击导航按钮时，一些动画应用于当前幻灯片，并且在动画完成后，我希望它移动到下一张或上一张幻灯片。我已经查找了Swiper API，但我找不到答案，而且由于幻灯片应该垂直移动，因此实现这一点似乎更加困难。有没有办法让Swiper Slide像这样工作？在此之前，非常感

浏览 14提问于2019-10-27得票数 0

回答已采纳

2回答

按幻灯片进度移动视差，而不是总进度

ionic-framework、ionic2、swiper

我正在编写一个Ionic2应用程序，并希望使用滑块组件(基于Swiper)来做类似于此演示的事情：有没有人知道这是否可能？在幻灯片中没有任何关于视差的细节。我尝试过的： <ion-slide> <h2>No

浏览 22提问于2017-07-09得票数 2

2回答

如何在iOS中禁用垂直滚动，同时滑动离子幻灯片？

ios、ionic-framework、ionic3

在ionic 3中，使用iPhone滑动离子滑块时会发生垂直滚动，这会导致应用程序ui体验。这是一个严重的错误，我已经尝试了很多想法，在谷歌上没有人工作。请任何知道这个问题的人帮助我。

浏览 2提问于2018-05-31得票数 4

1回答

我有一个在react中制作的swiper.js滑块。如果我在swiper中有8个图像，然后我导航到第8个缩略图，然后单击第7个拇指，它会将缩略图部分向上滑动。有没有办法防止这种行为的发生？我想做的是，它只自动滑动，如果有更多的幻灯片向上或向下可用。例如，如果我有5个缩略图，幻灯片2、3、4、5、6是可见的，如果我选择幻灯片6，它将移动到并显示幻灯片7可用，如果我选择幻灯片2，它将滑过并显示幻灯片1。

浏览 41提问于2021-06-07得票数 5

1回答

AnythingSlider缩略图轮播

jquery、slider、thumbnails、carousel、anythingslider

有没有办法把slider和carousel和它的缩略图(由navigationFormatter或外部创建)连接起来，这样当我使用slider的控件移动到下一张幻灯片时，如果这张幻灯片的缩略图不在carousel的当前页面中，carousel幻灯片就会转到下一页？有没有办法让滑块不仅水平扩展，而且水平和垂直方向都能保持比例？

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

1回答

idangero.us滑块当前幻灯片和最大幻灯片

jquery

我的javascript代码是 mode:'horizontal', }$(".end_index").html(mySwiper.slides.length) 在我的swiper-contain

浏览 1提问于2013-11-13得票数 0

1回答

如何使滑动转换更平滑，而不是瞬间更新- swiper API

javascript、css、transition、swiper.js

我正在使用Swiper创建一个移动友好的滑块，但我需要找到一种方法，使swiper.update()方法能够平稳地重新定位幻灯片，而不是在删除幻灯片时立即放置它们。现在，当删除幻灯片并调用swiper.update重新定位剩下的幻灯片时，它只是立即重新定位其余的幻灯片。我怎样才能让它以同样的方式运行，却能更流畅地重新定位幻灯片？Swiper的链接：sw

浏览 1提问于2021-10-21得票数 2

回答已采纳

1回答

如何自动调整react-native-swiper组件的高度

react-native、react-native-swiper

我使用的是react-native-swiper，但当我实现它时，它被设置为默认高度全屏。有没有办法让滑块高度自动调整到幻灯片内容(高度)？

浏览 41提问于2020-09-27得票数 0

1回答

具有垂直滚动内容的水平幻灯片

javascript、html、jquery-mobile、iscroll、swiper.js

基本上，我想要做的是在我的JQuery Mobil应用程序中具有垂直滚动内容的div(幻灯片)之间滑动。目前，我使用的是和的组合。因此，我再次尝试使用各种旋转木马插件的组合来实现这个目标，比如旋转木马与iscroll，与iscroll等，用于创建一个水平旋转木马，其中每个幻灯片都具有垂直可滚动的内容。但我很难让这些插件一起工作。excolo和iscroll5可以正常工作，除非幻灯片的数量正好为3，而iscroll也有问题，因为iscroll没有应用于由swiper动态

浏览 5提问于2014-03-06得票数 0

回答已采纳

1回答

带滑块的LabVIEW数字显示移动

labview

我想做一个垂直指针滑动的显示器，有没有办法让数字显示器随着指针移动？如图所示，当A的值改变时，A会上下滑动，当A滑动时，我希望B与A一起移动。谢谢!

浏览 1提问于2016-11-29得票数 1

1回答

jQuery滑动开关

jquery

有没有办法用jQuery做到这一点？{ duration: 'slow', }而不是让它先现在我有一个元素列表，如果你点击一个名字，它会垂直展开一个部分。不幸的是，它首先会打开一大块空白空间来为动画腾出空间。 有没有一种方法可以让盒子随着内容的增长而增长，类似于“盲人”

浏览 1提问于2011-01-11得票数 0

回答已采纳

1回答

如何解决swiper中无限高的问题(方向:垂直)

javascript、html、jquery、css

我想在我的网页上创建一个垂直滑动条。我希望每张幻灯片都是它自己文本内容的高度。如果我没有设置一个特定的高度(例如500像素)，使用滑动器提供的高度(100%)，将会创建无限的高度。我只想让每张幻灯片和文本一样高，当用户点击每个卷帘页面时。我不想用鼠标或触摸来移动幻灯片。使用的版本: Swiper 7.0.1。 direction

浏览 0提问于2021-09-02得票数 2

3回答

为什么我的swiper没有定义？

javascript、jquery、ibm-mobilefirst、swiper

我将一个卷帘嵌套在另一个卷帘中(一个用于垂直滚动，另一个用于水平滚动。让我抓狂的是，当我需要销毁它时，并没有定义嵌套的swiper。下面是我正在做的事情：var embeddedEcosystem = new Swiper('.swiper-nested', { return e

浏览 1提问于2014-07-30得票数 0

1回答

为什么swiper进度事件不能反映滑动移动？

javascript、html、css

在中有没有办法知道幻灯片进度的真实事件？我试着收听进度事件。但当我点击箭头时，它只会发射一次。当我使用touch it fire正确滑动时，但当我释放触摸时，幻灯片仍在移动，但进度不会启动。我寻找那些告诉我“幻灯片在移动”的事件。我尝试了文档中的所有事件。event progress', data); } var swiper = new <e

浏览 0提问于2019-11-27得票数 1

1回答

Swiper和Jquery :从侧面板转到特定幻灯片

javascript、jquery、html、jquery-mobile、swiper

我有一个jquery页面，其中我使用Swiper库通过垂直滑动来显示我的内容。我想要去一个特定的幻灯片点击任何链接从侧面panel.When我滑动向上或向下没有滚动的页面，但当我点击转到特定的链接从面板，页面向下滚动，我不能从该幻灯片。有没有办法只显示所需的幻灯片，而不滚动页面并保持页眉和面板的固定？这是我的代码- <link href="https

浏览 0提问于2016-08-02得票数 0

1回答

我是否可以使div透明，但可以单击

css、html、hyperlink、transparent

我在我的整个网页上使用垂直滑块。要在每一页之间移动，我想单击页面的顶部/底部以在幻灯片之间导航。为此，我在每个页面的顶部和底部放置了一个div，当您单击该div时，它会将您带到下一张/prev幻灯片，但这些div会覆盖某些页面上的一些内容。有没有办法让div在颜色上是“透明的”，但仍然可以点击链接？抱歉，如果我没有正确地解释我自己，我是HTML和CSS的新手。

浏览 1提问于2013-05-03得票数 3

1回答

使用css或flexslider.js将幻灯片居中对齐

javascript、css、slider、alignment

我想知道有没有人有办法让这些幻灯片在中间垂直对齐。我在CSS和其他建议中尝试过vertical-position: middle;，但都无济于事。。

浏览 0提问于2012-12-19得票数 1

1回答

tableview的垂直滚动条

objective-c、uitableview、xcode4.3

我有一个UITableView，我在它上面放置了一个UIImageView，当拖动表时，它会垂直滚动，向上或向下取决于它是如何拖动的。(图像是独立的，与表格视图的当前单元格无关。)UIScrollViewDelegate已用于垂直滚动。 有没有办法，当拖动表时，图像可以随着垂直滚动条一起移动？如果是这样，如何做到这一点呢？

浏览 0提问于2012-05-21得票数 0

回答已采纳

1回答

如何在bootstrap carousel中保持图像纵横比

twitter-bootstrap-3

我正在尝试使用引导转盘，并从示例开始，如下所示：我已经将测试jpg (1200x480)加载到幻灯片中，但当您调整浏览器的大小时，图像在水平方向上被缩短，而垂直大小保持不变，导致随着浏览器变小，图像的失真越来越大有没有人有办法在bootstrap carousel中保持jpg的图像宽高比？

浏览 1提问于2016-12-22得票数 0

2回答

设置owl旋转木马幻灯片动画，从下到上移动

jquery、slider、jquery-animate、owl-carousel

我们可以使用下面的代码让幻灯片在Owl carousel中从右向左移动： rtl:true, nav:true,有没有办法让幻灯片从下到上呢？

浏览 3提问于2016-04-16得票数 0

点击加载更多