Slick.js旋转木马空间过大和滑动问题

文章/答案/技术大牛

发布

1回答

javascript、slick.js

我正在使用slick.js https://kenwheeler.github.io/slick/。问题是我正在尝试滑动包含行的滑动卡(".carosalItemHash")。我正在尝试使用slick.js在2行中显示两个元素，以便它可以水平滑动。 1)空间不应该在那里。空白处必须填上旁边的另一张卡片。2)一行中的每张卡片应逐个滑动，使每张卡片的文本在逐个滑动时完全可见。

浏览 39提问于2020-01-10得票数 1

1回答

然后添加JS旋转木马(多个图像)

javascript、html、css、flexbox、slick.js

这个问题最好分为两部分：旋转木马：添加了一个旋转木马来显示这个空间中的图像幻灯片。我之所以将其分为两部分，是因为我试图将用于旋转木马，而它破坏了布局(例如下面的例子)。所以在重新介绍之前，我想我最好得到一个可靠的用户界面。我以为我已经解决了overflow: hidden;在img的父版上的问题，但这只解决了Chrome的布局问题。如果您在C

浏览 15提问于2022-01-10得票数 -1

1回答

居中模式下的圆滑旋转木马导致SlidesToscroll无法正常工作

javascript、jquery、css、carousel、slick.js

在slick carousel(Slick.js)中，我想使用centerPadding，所以我必须将centerMode设置为true。在我打开CenterMode后，我滑动幻灯片，但无论我从一边到另一边拖动/滑动旋转木马，每次滑动它只移动一张幻灯片。slideToScoll可以工作，但centerPadding不能工作slideToScroll: 3&#

浏览 0提问于2015-12-16得票数 7

1回答

除非你在手机上滚动，否则滑块不会加载，slick.js旋转木马

jquery

我用slick.js做旋转木马。桌面上一切都很好，但在我的手机中，我遇到了一个奇怪的问题，在我滚动之前，滑块无法正确加载。这里有没有人也经历过这个，行为。

浏览 0提问于2023-02-22得票数 0

回答已采纳

1回答

TouchSwipe -一次滑动中的多个事件

javascript、jquery、touch

我需要启动多个点击-事件在一个滑动，类似-在每15便士的滑动-一次点击。我搜索过，但没有找到解决办法。 triggerOnTouchEnd:false, thresh

浏览 2提问于2014-08-17得票数 0

回答已采纳

5回答

禁用物化旋转木马的触觉

javascript、html、materialize

似乎以前没有人问过这个问题，因为我已经在互联网上搜索过一个非常简单的答案。如何禁用在物化旋转木马上左/右滑动的能力？

浏览 12提问于2017-05-01得票数 3

回答已采纳

1回答

滑块内的平滑滑块

javascript、jquery、slick.js

我正在为一个移动网站使用slick.js slider，用户可以在视图之间滑动/滑动。 </div><div>View 3</div>我们的目标是，当' carousel2‘与

浏览 28提问于2016-07-30得票数 0

1回答

我试过使用光滑的初始设置'variableWidth: true'，但是旋转木马容器(. slick )被设置为20000px宽，不响应屏幕宽度，因此每个幻灯片的宽度也没有响应。我在这里看到了以下问题：但是我不想将每一张幻灯片的宽度设置为一个固定的像素数量；它们需要响应。我真的很想知道幻灯片的宽度是在哪里计算的，什么时候'variableWidth‘是默认的'false'；旋转木马是非常，看起来非常正确(每一张幻灯片都需要稍微宽一点)。我一

浏览 3提问于2017-09-25得票数 1

3回答

Slick.js为居中幻灯片之前和之后的所有幻灯片设置类

javascript、jquery、css、slick.js、classname

我使用的是slick.js旋转木马，我需要为前面的所有幻灯片和居中的幻灯片设置不同的样式。lime;}.slick-center ~ .slick-slide{background-color:red;} 在幻灯片返回到开始位置之前，在幻灯片的动画末尾使用‘. slides ~.slick-幻灯片’，所有幻灯片都变成红

浏览 17提问于2022-08-01得票数 1

1回答

关闭顺风旋转木马中的自动滑梯

carousel、tailwind-css

如何从自动滑行中关闭顺风元件中的旋转木马？它似乎是默认设置，但我找不到任何关于如何关闭它的文档。我在“顺风元素”页面上使用了这个示例：我使用了数据间隔=“false”属性，但是它似乎第一次停止自动滑行，但是在通过与滑块按钮的交互手动滑动之后，它又开始自动滑动。

浏览 6提问于2022-06-29得票数 1

回答已采纳

1回答

Onsen UI Carousel和滑动菜单

carousel、onsen-ui、slidingmenu

在我的应用程序中，在页面中，我在工具栏中有一个旋转木马，以获得顶部的固定位置。在这个页面中，我也有一个滑动菜单。当我滑动滑动菜单时，旋转木马仍然固定在视图中，滑过滑动菜单，而不是在页面中向右滑动。我在Android默认浏览器中遇到了这个问题，就像Android中的一个内

浏览 2提问于2015-09-22得票数 1

1回答

如何防止有角度的2页在拖动内容或滚动时滑到一边？

angular、user-interface、semantic-ui、semantic-ui-css、ng2-semantic-ui

当我滚动页面时，页面的行为就像我试图向两边滑动一点，并且发生了水平橡皮筋效应。一种效果，似乎我想要滑动页面的两侧。怎样才能防止这种情况发生呢？

浏览 2提问于2017-09-04得票数 0

回答已采纳

1回答

旋转木马页面导航

xamarin.forms

我只是想问一下旋转木马页面的流向。所以我正在试着想出一些办法来解决我的问题。我有一个有2个按钮的主页，其中一个带我到旋转木马1，向右滑动我得到旋转木马2，另一个向右滑动旋转木马2到旋转木马1。然而，我被要求改变流程，所以如果我去旋转木马2我向左滑动得到旋转木马1。

浏览 3提问于2020-03-25得票数 0

4回答

引导旋转木马不能工作(同时显示所有图像)

javascript、jquery、html、css、twitter-bootstrap

我试图添加一个旋转木马到我的引导3网站。使用的代码直接来自。代码也是完全没有文档的，所以我不得不做一些猜测。旋转木马只显示叠加在一起的三幅图像。

浏览 8提问于2013-10-23得票数 5

回答已采纳

4回答

垂直滚动不适用于HammerJS和Angular2

angular、carousel、hammer.js

我在使用HammerJS和Angular2时遇到了问题。我有一个旋转木马(基于带有Angular2事件处理程序的引导旋转木马)，其中我正在收听滑动、左滑动和滑动右事件。刷卡本身工作得很好。问题是，由于我使用了HammerJS，所以不能在旋转木马组件上上下滚动，而且它是一个完整的视图大小的项目，这是一个很大的问题。如何解决这个问题呢？

浏览 6提问于2016-12-07得票数 33

回答已采纳

1回答

不可能在旋转木马中切换带有视频的卡

video、sencha-touch、carousel

这些都显示在一个旋转木马上。有人解决过这个问题吗？更新我已经尝试添加一个项目扫描事件到视频组件，但我也遇到了同样的问题，它不会在iOS上触发.这似乎与当你滑动视频组件时WebView垂直滚动的事实有关。

浏览 3提问于2012-02-19得票数 0

回答已采纳

1回答

CSS -多项旋转木马的动画

css、reactjs、animation、css-animations、carousel

我创建了一个多个项目旋转木马，我想添加滑动动画到它。下面是一个旋转木马- 的抽象示例谢谢!

浏览 2提问于2021-12-24得票数 6

1回答

圆滑旋转木马中的链接

slick.js

我正在使用slick.js构建一个旋转木马:我注意到，即使包含链接的幻灯片被隐藏，幻灯片中的链接也是可以点击的。我是不是对slick.js做错了什么？我想我可以使用一些js变通方法(addClass和removeClass)来解决这个问题，但我想知道是否有其他不那么烦人的方法来解决这个问题。谢谢

浏览 1提问于2020-11-23得票数 1

3回答