使用javascript自动滑动旋转木马，而不是内置导航
旋转木马是一种常见的网页元素，用于展示多个图片或内容，并通过自动滑动实现循环播放。使用JavaScript可以实现自动滑动旋转木马，而不使用内置导航。
实现自动滑动旋转木马的关键是通过JavaScript控制元素的滑动和动画效果。以下是一个简单的实现示例：
<!DOCTYPE html>
<html>
<head>
<style>
.carousel {
width: 400px;
height: 200px;
overflow: hidden;
position: relative;
}
.carousel ul {
list-style: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
position: relative;
}
.carousel li {
width: 100%;
height: 100%;
float: left;
}
</style>
</head>
<body>
<div class="carousel">
<ul>
<li><img src="image1.jpg" alt="Image 1"></li>
<li><img src="image2.jpg" alt="Image 2"></li>
<li><img src="image3.jpg" alt="Image 3"></li>
</ul>
</div>
<script>
// 获取旋转木马元素和图片列表
var carousel = document.querySelector('.carousel');
var imageList = carousel.querySelectorAll('li');
// 设置初始索引和自动滑动间隔时间
var currentIndex = 0;
var interval = 3000; // 3秒
// 自动滑动函数
function autoSlide() {
// 计算下一个索引
var nextIndex = (currentIndex + 1) % imageList.length;
// 计算滑动距离
var distance = -carousel.offsetWidth * nextIndex;
// 添加过渡效果
carousel.style.transition = 'transform 0.5s ease-in-out';
carousel.style.transform = 'translateX(' + distance + 'px)';
// 更新当前索引
currentIndex = nextIndex;
// 等待过渡结束后，移除过渡效果并调整位置
setTimeout(function() {
carousel.style.transition = '';
carousel.style.transform = 'translateX(0)';
// 递归调用自动滑动函数
setTimeout(autoSlide, interval);
}, 500); // 等待0.5秒，与过渡时间保持一致
}
// 开始自动滑动
setTimeout(autoSlide, interval);
</script>
</body>
</html>在上述示例中，我们使用了一个<div>元素作为旋转木马容器，内部包含一个<ul>元素作为图片列表，每个图片使用<li>元素表示。通过JavaScript控制translateX()函数实现滑动效果，使用setInterval()函数设置自动滑动的间隔时间。
这只是一个简单的示例，实际应用中可以根据需求进行定制和扩展。如果需要更复杂的旋转木马效果，可以考虑使用现有的前端框架或库，如Bootstrap、Slick等。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供稳定可靠的云服务器实例，适用于各种应用场景。
- 腾讯云对象存储（COS）：提供高可靠、低成本的对象存储服务，适用于存储和管理大量非结构化数据。
- 腾讯云云函数（SCF）：无服务器计算服务，帮助开发者按需运行代码，无需关心服务器管理。
- 腾讯云CDN加速：提供全球加速服务，加速内容分发，提升用户访问体验。
- 腾讯云人工智能：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。
- 腾讯云区块链：提供可信赖的区块链服务，帮助构建安全高效的区块链应用。
- 腾讯云视频处理：提供视频处理和分发服务，支持视频转码、截图、水印等功能。
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
1回答
我用jQuery和CSS3创建了一个3D旋转木马。是我的代码。
如果用户单击下一页或上一页，它将导航到下一页或上一页，并产生效果。
现在，我想在我的代码中添加滑动支持。我知道有一个。
但我不想发现只是在偷东西。用户可能会慢慢地滑动，我希望旋转木马开始慢慢旋转，就用用户的手指(或鼠标)。
我可以使用一个库()来检测快速滑动，设置时间和距离阈值，但是如何检测缓慢的滑动，以及如何将这种效果添加到我的旋转木马中？(它应该看起来像一件身体上的东西.)
浏览 0提问于2012-08-07得票数 1
4回答
我有幻灯片，用户可以在不同的幻灯片之间滑动和导航，但有些幻灯片在slides.so中有旋转木马或嵌套幻灯片，如果我滑动旋转木马，幻灯片导航就会发生，我需要防止这种情况发生。因此，我需要防止父元素滑动，如果子元素被滑动。如何达到预期的行为？谢谢
使用GSAP可拖动，尝试在stopPropagation事件中赋予onPress
浏览 3提问于2020-01-20得票数 2
回答已采纳
通常，我可以通过点击旋转木马来控制传送带(你问的控制，意思是我可以用箭头键滑动它们的状态)。
但是我尝试用javascript代码来实现这一点，以便在我的项目中实现更灵活的界面。
这种旋转木马控制获取是否可以以编程方式实现？我试过$('#my-slick-carousel').focus()，但没有成功。
任何解决方法--甚至不是特定于的解决办法--都是可以的，因为将keypress事件委托给旋转木马jquery对象似乎是个问题。
浏览 3提问于2015-06-29得票数 1
回答已采纳
1回答
同步克隆的轮播
、、
我有一个放在常规视图中的Bootstrap 4旋转木马。用户能够在模式中查看轮播。
需要同步模式中的轮播和常规视图中的轮播。因此，当一个旋转木马滑动时，另一个旋转木马也会滑动。我已经尝试克隆原始的旋转木马，并将其附加到模式。
$(".carousel")
.clone(true)
.appendTo(".modal-body");
当我点击克隆的旋转木马中的滑动按钮时，原始的旋转木马会滑动，但克隆的旋转木马会停留在原始幻灯片上。
我已尝试使用将克隆的滑块设置为活动幻灯片。这以某种方式给出了一个javascript语法错误:无效的正则表达式。
如何同步复制
浏览 0提问于2017-09-30得票数 0
2回答
每次我用控件向左或向右导航/滑动时，我的引导3.3旋转木马(直接从getbootstrap.com获取的代码)一直向上移动到浏览器顶部。
因此，如果旋转木马位于页面的中间，并且开始手动滑动，它会将整个页面向上移动，直到旋转木马到达浏览器顶部。
这里的例子：
我该怎么纠正呢？
浏览 3提问于2015-03-24得票数 5
回答已采纳
我已经设置了我的旋转木马，这样当点击导航箭头时，我的旋转木马就会按“页面”滑动，方法是设置这个选项：slideBy: 'page'。我希望在触摸/鼠标拖动时，旋转木马也会一页一页地滑动，但它只会逐个滑动我的项目。
什么是正确的配置，使它在触摸/鼠标拖动时逐页滑动？
以下是我当前的配置：
$('.owl-carousel').owlCarousel({
loop: true,
nav: false,
navText: false,
navSpeed: 200,
dots: false,
dotsSpeed: 800,
浏览 18提问于2017-02-23得票数 1
使用Slick Slider的：
我有一个主要的旋转木马与迷你'NAV预览‘在下面。看起来是这样的：
到目前为止起作用的是什么：
当点击导航预览时，所有操作都很好。主旋转木马指向单击的“导航预览”，css边框跳转到单击/当前的“导航预览”。
的工作方式：
我认为这是通过在下面的主旋转木马和导航预览上移动..slick current类实现的。因此，在jquery中，可能是removeClass()和addClass()。
问题：
当使用主旋转木马的prev/next箭头或滑动到prev或下一张幻灯片时，“下面的导航预览”不会使用css紫色边框更新当前幻灯片，因为..slick
浏览 0提问于2019-01-23得票数 0
我找到了一个用于twitter引导的片段，可以用选项卡导航来制作一个旋转木马。一切正常，除了“自动播放”。
我希望旋转木马能够自动滑动，所以我指定了一个使用data-interval="1000"的旋转木马的时间间隔。
问题:旋转木马导航选项卡与幻灯片不同步。幻灯片正在按预期进行动画，但选项卡保持不变。
是否有一种使制表符与幻灯片同步变化的干净方法？
演示：
谢谢你的帮忙
浏览 2提问于2014-03-15得票数 2
回答已采纳
1回答
我有一个工作演示。
我在页面底部添加了猫头鹰旋转木马。我使用这个javascript输出旋转木马的选项：
$('#owl-partners').owlCarousel({
margin: 20,
dots: false,
nav: false,
navText: [],
loop: true,
autoplay: true,
autoplayHoverPause: true,
responsive: {
0: {
浏览 1提问于2016-12-02得票数 0
回答已采纳
1回答
我有一个使用Onsen的简单应用程序，它利用旋转木马，并根据用户是向左滑动还是向右滑动当前旋转木马元素来更新数据。一旦他们滑动，我想把这个元素从旋转木马上移除，这样他们就不能再找到它了。我正在尝试使用后更改事件，这似乎很好，但是当我调用carousel.refresh()时，旋转木马不会更新。
在html中，旋转木马的定义如下：
<ons-carousel var="carousel" swipeable overscrollable auto-scroll fullscreen initial-index="1">
<ons-carous
浏览 4提问于2015-01-26得票数 3
回答已采纳
我需要你的帮助： (点击查看jsfiddle)，我有一个自动滑动的引导旋转木马，包括一个手动导航的导航。
我可以通过按钮导航旋转木马。如果我点击一个，它是活动的。但是，如果旋转木马自动幻灯片，它不会改变活动导航项目。我尝试了以下代码，但没有成功。你知道失败在哪里吗？谢谢！：)
$('#myCarousel').on('slid', function (e) {
var id = $('.item.active').data('slide-number');
id = parseInt(id);
$('[id^=
浏览 2提问于2017-03-29得票数 0
回答已采纳
1回答
我用Codeply的例子构建了垂直旋转木马，它与最新的Bootstrap 4.6完美地工作在一起。但是当Bootstrap 5 beta尝试相同的垂直旋转木马时，旋转木马的例子就不起作用了。
原始
经过测试，在Bootstrap 4.6最新版本中运行得非常完美。
但是，相同的示例不适用于Bootstrap 5 beta。
任何帮助都将不胜感激。谢谢
编辑:使其简单滚动(幻灯片)，只需滑动下面的卡片/项目，删除slide类。它只会有clickable滑动卡
奖金如果任何人可以提供滑动动画，默认动画(带有slide类)在click之后显示n项
浏览 0提问于2021-02-03得票数 2
回答已采纳
1回答
当在移动视图中使用猫头鹰旋转木马(版本2)时，我的一些滑块占据了整个屏幕附近。
旋转木马使用触摸向左和向右滑动，但是当这样做时，用户不能上下滚动页面，这使得很难导航到页面的其余部分。
是否有一种方法可以使页面的滚动在滑动时仍然处于活动状态？
浏览 3提问于2017-11-09得票数 0
回答已采纳
我目前正在进行一个uwp项目，其中涉及使用一个旋转木马，它具有某种类型的图片网格，可以通过单击一些圆形导航按钮来滑动。这与Twitter引导程序中的旋转木马类似。为了更好地了解这一点，下面给出了一个示例
与其展示不同的应用程序，还会显示来自用户库的不同图片。我想动态显示用户库中的前100张图片。我在互联网上搜索过类似的东西，但我能找到的最接近的是。
我怎样才能做到这一点？
浏览 0提问于2016-03-29得票数 0
回答已采纳
使用twitter bootstrap框架，如何调用carousel来“自动滑动”？这意味着当页面加载时，旋转木马会自动滚动。
我已经为下一个链接的<a>尝试了一个javascript onLoad点击函数，但这不起作用。
浏览 0提问于2012-11-23得票数 20
回答已采纳
我试着用bootstrap4 carousel做两个步骤
第一个旋转木马项目是为authentication (它的用户名和密码字段)
第二个是用于授权(列出用户可以访问的组并要求用户选择一个)
在使用javascript代码转到下一张幻灯片之前，我想检查用户id和密码是否有效。我有.carousel('pause')，但是我不能阻止移动到下一张幻灯片。另外，我不想有一个额外的按钮来检查内容。
$('#myCarousel').on('slide.bs.carousel', function (e) {
// authen
浏览 2提问于2017-02-05得票数 2
回答已采纳
我有一个jQuery滑动面板，其中没有显示一个jQuery旋转木马。
示例：
单击“显示仪表板”以显示滑动面板。
我有按钮(前一个/下一个)显示，但没有旋转木马。例如，我在下面添加了旋转木马。
我有滑动面板的CSS
#panel {
width: 100%;
height: 500px;
color: #999999;
background: #272727;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
}
而且似乎删除了display: non
浏览 0提问于2010-10-17得票数 0
回答已采纳
我想做的是，带有猫头鹰旋转木马插件的徽标将连续滑动(没有1,2,3...延迟几秒，但滑动不停顿)猫头鹰旋转木马可能吗？
浏览 7提问于2016-10-21得票数 2
我试图建立一个旋转木马，将只滑动，如果上一步或下一步按钮被单击。 目前，它不会移动，直到我点击它，但它每隔几秒钟自动滑动一次。 <div id="story-carousel" class="carousel slide" data-interval="false"> 我试过使用data-interval="false"，但它似乎不起作用。 谢谢
浏览 70提问于2021-01-05得票数 2
2回答
滑动函数跳转导航中的锚链接
、、、、
导航链接"Leistungen“(在下图中标记为黑色)是链接到一个锚，在那里你可以找到一个旋转木马滑块。子菜单正在执行相同的+启动功能，以滑动到相关的旋转木马-幻灯片。
<a href="https://bm-translations.de/#leistungen" onclick="document.getElementById('carousel-selector-1').click()">Beglaubigungen</a>
但出于某种原因，如果加载以下站点并尝试它，它会跳得太远(如下图所示)：
浏览 4提问于2018-01-10得票数 1
回答已采纳
使用OWL旋转木马 (1，而不是v.2 beta)，当一个旋转木马出现时，I不能滑动移动网络上的页面滚动--也就是说，当触摸旋转木马时，可以滚动。
我试过修改代码，但不知道如何使它工作！
浏览 1提问于2014-12-05得票数 1
回答已采纳
1回答
鞋带旋转木马行为怪异
、、、、
所以我从创建了网站，最近我发现旋转木马不是自动滑动的，只是我首先单击prev或next按钮。
我已经从这个模板中检查了javascript，除了调整时间之外，没有找到任何与这个旋转木马相关的内容。
当我把鼠标放进旋转木马时，我不能让这个旋转木马继续循环，我试着使用暂停选项，但不能工作。
而且我的旋转木马只包含图像，所以我想添加<a href='#'>来扭曲我的图像，所以当用户单击旋转木马图像时，它会将它们指向我已经准备好的链接.
这是
浏览 2提问于2016-02-02得票数 0
回答已采纳
所以问题是这样的，我用bootstrap做了一个旋转木马，我只是把bootstrap.js放在javascript上。但是为什么滑动旋转木马不起作用呢？然而，如果我把jquery放进去，它就可以工作了！在bootstrap.js文件中不是有一个javascript来调用carousel吗？有什么解决方案吗？我想在不使用jquery.js的情况下使用bootstrap.js创建旋转木马
浏览 3提问于2017-09-06得票数 0
1回答
拖动时同步传送带
、、、
我有两个旋转木马滑块在一个页面，我使用来进行滑动事件，我希望当你滑动一个旋转木马，另一个旋转木马也滑动。我已经做到了这一点，但有一个细节将是很好的实现。先看看这把小提琴：
$(document).ready(function(){
$('.slider').slick({
});
// On swipe event
$('.slider').on('swipe', function(event, slick, direction){
var current = $(this).attr('data-slider
浏览 2提问于2015-05-04得票数 3
回答已采纳
2回答
我使用的是网站上的一个旋转木马示例。
对于页面上的单个旋转木马，它工作得很好，但当我在同一页面上有多个旋转木马时，它只显示顶部旋转木马的导航按钮，当顶部的旋转木马移动时，所有其他的旋转木马都会随之移动。
我试着让他们中的每一个都独立行动。
<script src="/Scripts/jMyCarousel.js" type="text/javascript"></script>
...
foreach(something)
{
浏览 0提问于2012-06-19得票数 0
回答已采纳
1回答
在Flash上强制底边距为负
、、、、
我有一个650像素高的.swf导航旋转木马，底部的200像素是为旋转木马的反射保留的。反射是非常微妙的，并不被认为是重要的信息，所以当窗口高度足以容纳最上面的450像素时，我们希望删除垂直滚动条，但不能删除反射。
我试图通过设置闪存<object>的margin-bottom: -200px来实现这一点，但这只会使容器的高度缩小200像素，导致背景图案在页面底部之前剪切。Flash本身仍然占用650像素。
除了使用javascript主动隐藏/显示滚动条之外，是否有一些“适当”的修复方法？
浏览 0提问于2011-08-04得票数 1
2回答
猫头鹰旋转木马滑翔机不正常工作
、、、、
我创建了猫头鹰旋转木马滑雪板与自动播放，但它不是平稳的滑动。有人知道如何创建下面的代码，运行平稳吗？
Javascript代码
var owl = $('.owl-carousel');
owl.owlCarousel({
autoPlay: 1000, //Set AutoPlay to 3 seconds
dots: true,
items: 2,
margin: 10,
});
浏览 0提问于2017-07-04得票数 0
使用最新的引导5旋转木马，我无法暂停在一个滑动或幻灯片事件内的旋转木马。
const myCarouselEl = document.getElementById('carousel-large-background')
myCarouselEl.addEventListener('slid.bs.carousel', function() {
var carousel = new bootstrap.Carousel(myCarouselEl, {
interval: false
})
})
我尝试了各种
浏览 1提问于2022-01-23得票数 0
我使用的是hammer.js 2.0
我有一个容器，需要有滑动事件。然而，该容器有一个元素，它是一个旋转木马，包含它自己的滑动通风口。除了旋转木马之外，我怎么能让这个滑动事件发生呢？
var self = this,
hammerContainer = document.querySelector('section.content-wrapper'),
carousel = document.querySelector('.image-gallery-carousel'),
hammerOpts = {
threshold:
浏览 2提问于2015-10-29得票数 1
回答已采纳
旋转木马滑动后，我想向ID myCarousel之外的输入添加一个值。
在旋转木马滑动后实现事件的函数如下：
$('#myCarousel').bind('slid', function() {
$('input[name=linkOnly]').val('Test')
}
我想在一个特定的幻灯片上触发一个事件。我尝试过像$('#myCarousel li[data-slide-to=1]').bind('slid', function() ...这样的东西，但它不能注册。
感谢您的帮助，谢谢。
浏览 0提问于2013-04-15得票数 2
回答已采纳
在阅读了官方的react-bootstrap文档后，我没有找到任何示例，也没有在任何地方看到它。 我找到了如何在carousel中移动card元素的示例，但这不是我要找的。 我需要的是，对于每张卡，不是显示单个静态图像，而是显示一系列可以像旋转木马一样滑动的图像。(如果可能，使用旋转木马导航控件仅在悬停时显示)。 我怎样才能得到这样的东西(Airbnb示例)： ? Using the react component - Card Deck
浏览 28提问于2020-04-12得票数 0
回答已采纳
1回答
我的经理让我尝试在这个网站上复制滑动功能：
页面右侧和左侧的导航器箭头将用户引导到站点的其他页面，但它更像是一个旋转木马，而不是简单地以传统方式打开链接。即使点击浏览器的“后退/前进”按钮，网站也会在页面之间滑动，而不是正常打开页面。
我已经挖掘了源代码并使用了开发人员工具，但无法确切地了解该站点是如何做到这一点的。有什么想法吗？看起来可能是JavaScript，但我不太确定。
浏览 0提问于2018-07-03得票数 0
我正在制作一个使用的Javascript应用程序。在其中一项中，我放置了一个div，用于监听手势。我听到的手势是滑动手势。但是当我在div上滑动时，猫头鹰旋转木马也会滑动到下一个/上一个项目。
这是我的j手势代码
function(event_, obj) {
// ignore bubbled handlers
// if ( obj.originalEvent.currentTarget !== obj.originalEvent.target ) {
// return; }
obj.originalEvent.preventDefault();
浏览 3提问于2014-03-21得票数 0
回答已采纳
1回答
我只是想问一下旋转木马页面的流向。所以我正在试着想出一些办法来解决我的问题。我有一个有2个按钮的主页，其中一个带我到旋转木马1，向右滑动我得到旋转木马2，另一个向右滑动旋转木马2到旋转木马1。然而，我被要求改变流程，所以如果我去旋转木马2我向左滑动得到旋转木马1。
I have tried switch case but for some reason the first page doesnt load properly
// System.Threading.Thread.Sleep(500);
// //model.Busy =
浏览 3提问于2020-03-25得票数 0
2回答
我的应用程序的主页上有一个可滑动的旋转木马
`{
xtype : 'carousel',
id:'myCar',
autoDestroy:false,
styleHtmlContent:true,
padding:'0 0 0 0',
height:100
}`
我在我的视图上有一个绘制的侦听器函数，它动态地将项目添加到我的carousel中。
`var stor
浏览 2提问于2013-01-18得票数 0
在slick carousel(Slick.js)中，我想使用centerPadding，所以我必须将centerMode设置为true。在我打开CenterMode后，我滑动幻灯片，但无论我从一边到另一边拖动/滑动旋转木马，每次滑动它只移动一张幻灯片。如果我将centerMode更改为false，则轮播可以正常工作，但centerPadding不能工作。
总而言之
centerMode: true //将此设置为false，则slideToScoll可以工作，但centerPadding不能工作
centerPadding："30px“//仅当centerMode为true时才起作用
浏览 0提问于2015-12-16得票数 7
2回答
全屏无滚动条图像轮播
、、、、
我有一个带有固定导航栏和粘性页脚的Bootstrap 3.1.1页面。
我需要在旋转木马中显示全屏(减去固定的导航栏和粘性页脚)图像。裁剪可以同时从x和y开始，但图像的中心需要位于视口的中心。
这就是我现在的位置：
问题是我不能让旋转木马出现。heght: 100%似乎不起作用。
一个只有CSS的解决方案是首选的，但是我不介意有一点javascript。
浏览 1提问于2015-01-24得票数 2
1回答
有没有办法让iphone上的引导带5旋转木马滑动？，旋转木马不会滑动(在iphone上)吗？
谢谢你们的帮助。
浏览 7提问于2022-01-07得票数 1
1回答
如何使用引导指示器作为滑动图像
、、、、
我想要创建一个引导滑块。我想在我的客户推荐信部分使用Bootstrap Carousel。我想要旋转木马的指示器，像这样的图像滑动。
我不知道如何使指标滑动与每个客户的证明在积极的指示。
我的Javascript很弱，所以请帮帮我。谢谢
浏览 0提问于2016-01-07得票数 0
回答已采纳
3回答
我必须在我的网站上使用一个jQuery响应旋转木马，它有4个显示的项目，每次滑动一个，等等。重点是:这个旋转木马被放置在一个带有display:none的div中，它显示在一个带有slideToggle脚本(jQuery)的按钮上。当div出现时，旋转木马不会显示。没什么!注意，如果我移除display:none，旋转木马就会显示得很完美。我已经尝试了一堆旋转木马插件( of滑块，旋转木马，弹性滑块，挠性滑块)，这个问题会发生在所有这些人身上。然后..。我要疯了！！
不好意思，meSorry朋友们，这是代码：
(这里是的例子，但代码与其他插件相似)
<div id="hidden
浏览 7提问于2012-12-07得票数 0
我试图添加导航视图到我的应用程序，但它是造成问题。我的主要用户界面是一个无限可滑动的网页旋转木马。最初看起来是这样的：
然后，当我将它包装在导航视图中时，它会像这样打开，其中有一个后退按钮，没有其他东西：
当我按后退按钮时，它看起来是这样的：
左边是可以滑动的，就像原来的UI，但是当我触摸右边灰色的一面时，它会带我回到带有后退按钮的空页面。
知道是什么导致了这一切吗？我通过将每个页面放置在一个ZStack中并使用偏移/相对定位来实现无限旋转木马。我参考了本教程：
我可以不使用NavigationView吗？我是否可以选择创建自己的顶级NavBar并在没有NavigationB
浏览 4提问于2020-11-17得票数 1
回答已采纳
我用jquery从头开始制作了一个无限的旋转木马插件。它在Firefox中运行良好，但在Chrome中部分工作，即当我滑动旋转木马时，元素会消失。
请在这里查看我的代码(太长了，无法粘贴)：
将carousel与Firefox和Chrome进行比较。
为什么Chrome会这样呢？
非常感谢
浏览 0提问于2012-03-30得票数 0
回答已采纳
3回答
我使用slick的“Syncing”功能，如果slidesToShow ==的幻灯片总数，导航中的.slick-current类是而不是，当顶部旋转木马滑动时。
下面是html：
<div class="slider slider-for">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
<div class="slider slider-na
浏览 1提问于2015-07-13得票数 2
在我的应用程序中，在页面中，我在工具栏中有一个旋转木马，以获得顶部的固定位置。
旋转木马是不可见的，直到我把一个位置:固定在一个包含旋转木马的div中。
在这个页面中，我也有一个滑动菜单。
当我滑动滑动菜单时，旋转木马仍然固定在视图中，滑过滑动菜单，而不是在页面中向右滑动。
我在Android默认浏览器中遇到了这个问题，就像Android中的一个内置应用程序一样。在桌面浏览器(Firefox和Crome)中，一切都没问题。
我该如何解决这个问题？
浏览 2提问于2015-09-22得票数 1
2回答
我在上使用owl旋转木马
在我尝试让它自动滑动之前，一切都会正常工作。有时它甚至把幻灯片打碎在一起。
根据位于此处的Owl Carousel文档
下面这段JavaScript代码应该可以完成这项工作。我将它添加到页脚，但它不起作用。
<script>
$(".owl-carousel").owlCarousel({
// Most important owl features
//Autoplay
autoPlay : 3000,
stopOnHover : false
)}
</script>
知道我可能做错了什么吗？
如有任何帮助，我们不胜感激！
浏览 0提问于2014-04-17得票数 0
2回答
我在angular2找到了旋转木马。但是，我在angular2中没有多项旋转木马。
我需要多项旋转木马与滑动支持拖放在角2. 不使用Jquery。
我为我所需要的旋转木马添加了一个屏幕截图。
浏览 1提问于2017-04-06得票数 5
所以，我对我正在使用的一点JS有一个问题，并想知道是否还有其他人遇到过这个问题，或者可以建议我们做些什么？
所以我的脚本是动画我的锚链接，以便他们很好地滑动，但它是冲突的启动带3旋转木马的控制。
$(document).ready(function() {
$('a[href^="#"]').click(function() {
var target = $(this.hash);
if (target.length == 0) target = $('a[name="' + this.
浏览 2提问于2014-05-21得票数 0
回答已采纳
我有一个旋转木马，它的状态为{pages: [...], currentPage: 0}。如果我设置了currentPage = 1，我希望旋转木马向左滑动。如果我再次增加这个数字，同样的事情也会发生，当我减少它的时候，它应该会向右滑动。
我不知道如何处理不可变的数据。动画不应该在state对象中表示(应该是这样吗？)，但是在React组件上存储一个属性会删除它的“纯”函数性质。
解决这个问题的最好方法是什么？
浏览 0提问于2015-06-16得票数 1
我有一些旋转木马和导航标签的图片。我想在旋转木马上使用这个导航标签。并且当旋转木马图像改变时，旋转木马的标题固定。如何修复旋转木马上的旋转木马标题？或者有什么方法可以修复carousel上的nav-tab？谢谢!
浏览 22提问于2021-03-31得票数 0
1回答
有一个角形2应用程序。
当我滚动页面时，页面的行为就像我试图向两边滑动一点，并且发生了水平橡皮筋效应。一种效果，似乎我想要滑动页面的两侧。
这个问题变得更糟，当我真的滑动一个元素，像一个旋转木马。向两边滑动旋转木马，将页面与旋转木马一起拖动。
怎样才能防止这种情况发生呢？
浏览 2提问于2017-09-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
