Youtube / Google风格旋转木马滑翔机
Youtube / Google风格旋转木马滑翔机
提问于 2017-09-24 14:56:29
我想制作一个旋转木马滑块，类似于您在Youtube.com和页面上看到的新设计，如：https://plus.google.com/discover/w29saB。
任何关于如何构建这个的建议，或者Jquery插件都可以促进这一点。
我尝试过itemSlide()，但是我不知道如何获得CSS，以便它在容器DIV中正确地呈现。另外，Item幻灯片没有给出滚动到下一页的箭头。
我看过的其他旋转木马插件，即使有它们的响应选项，也可以让您指定适合页面的项目数量。我希望这是由css决定。
Update我得到了itemSlide()在容器div中呈现，但是我仍然需要能够添加箭头，这样当单击时它就会滚动。我认为让按钮覆盖是一个正确的CSS问题。当点击时，让滚动卷工作很可能是特定于itemSlide api的东西，一旦箭头被正确地覆盖，我应该能够找出。itemSlide()作为旋转木马滑块库：http://itemslide.github.io/
回答 2
Stack Overflow用户
发布于 2017-09-24 17:06:53
为什么不试试DIV里面的DIV呢。将重叠隐藏在css中。箭头可以是div按钮，在给定的方向上移动内部div "X“像素数，以匹配旋转木马栅极div中的块大小。
Stack Overflow用户
发布于 2017-11-16 12:56:15
一旦您得到了箭头覆盖，您可以使用库的disable_clicktoslide选项，以使点击幻灯片不会移动到它们。
要使箭头正常工作，请调用carousel对象上的函数next()和前文()。
此外，您还可以使用函数getActiveIndex()来检测用户在旋转木马上的位置。
祝好运!
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46391384
复制相关文章
相似问题
腾讯云开发者
