1回答
jquery滚动条
、、、
我已经为我的问题寻找了几天的解决方案，我想知道stackoverflow社区的任何人是否可以帮助我。
我的问题是，我需要一个jquery carousel和一个jquery滚动条来协同工作。轮播更新滚动条，反之亦然，但所显示内容的信息也在滚动条本身内(例如(1/ 12 )，因此它将是12张幻灯片/图像中的1张)。这也将是额外的，如果我可以让滚动条捕捉和更新显示的信息时，它是在被拖或拉的过程中。
我不知道从哪里开始，因为我不知道jCarousel是否支持使用具有相同元素的jScrollpane。如果有人能善意地分解实际需要发生的过程，那就太好了。
我还将尝试添加一个图，以防您完全不了解需要做什么
浏览 1提问于2011-07-22得票数 1
我遇到了jCarousel的一个问题，如果旋转木马在开始时已经启动，并且按下了左键，旋转木马就不会滚动。
假设发生的情况是，如果显示了轮播第一项，并按下了左边的按钮，则轮播应该循环到最终项。目前，这种情况还没有发生。旋转木马就会停止工作。
只有在第一次加载轮播时才会发生这种情况。
我的代码示例如下：。
谢谢。
浏览 2提问于2011-03-26得票数 0
1回答
限制在两点之间移动x轴滚动条
、、、、
我创建了一个图像轮播，它在那里显示图像，并通过x轴滚动条显示其他图像。它工作正常，但我想限制滚动条只在视区内移动。我试过If clause，但它有一个bug，而且不够好！我尝试创建一个类似于carousel的Amazon，但在我的例子中，我遇到了一个问题。我将所有HTML CSS和JS上传到JSfiddle：
提前谢谢你。
浏览 4提问于2017-11-02得票数 3
我有一个angular5应用程序，它有一个页面实现了ngx-bootstrap carousel组件，它使用默认的noPause属性来暂停图像滚动操作，它工作得很好。
当我使用“下一步”或“上一步”按钮点击幻灯片时，幻灯片的自动滚动再次启动，这样每次单击轮播时，轮播就会跳过两个图像，所以鼠标在轮播上的事实被忽略了。
演示版本的旋转木马似乎有类似的问题()，但我不确定是否可以在单击幻灯片时重新设置noPause值？不确定是否有人知道这是否可能？
这是我对旋转木马的实现：
<carousel [noPause]="false">
<slide *ngFor=&
浏览 2提问于2018-04-17得票数 0
因为我的客户的页面有大量的Javascript，所以我为手机版添加的图像轮播在智能手机上的渲染耗时很长。我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。
这是可能的吗?如果是的话，该怎么做？
浏览 0提问于2014-02-11得票数 2
在Galleria的经典模板中，可以通过单击左箭头和右箭头按钮来滚动缩略图轮播。是否可以通过将鼠标悬停在箭头按钮上来实现此滚动？
浏览 1提问于2013-06-23得票数 0
为了我的功能。我必须为连接的轮播设置自动滚动示例
我是jquery的新手，并试图使用自动滚动插件来实现这一点，该插件可用于
请让我一步一步地指导如何实现这个目标。
浏览 4提问于2014-07-22得票数 1
我正在使用Touch Carousel。
有什么方法可以让滚动条保持可拖动吗？这样用户也可以拖动托架，而不仅仅是轮播的内容。
谢谢
浏览 1提问于2013-02-06得票数 0
我在IE中使用roundabout.js有问题。在IE中，图像首先作为典型的ul列表加载，然后放入jQuery轮播中。Chrome会将图片直接放入jquery carousel中。
我如何才能在轮播初始化或任何其他解决方法之前隐藏图像？
致以敬意，
浏览 1提问于2012-03-28得票数 0
Jquery Scrollable是Jquery工具提供的一个滚动图像/视频列表的工具
但是我想知道，你们中有谁尝试过用滚动条来定制它吗？我的意思是，我们希望对以下页面使用Jquery scrollable
但我们希望将滚动条留在底部，而不是使用左右箭头在视频轮播中滚动。
这有可能吗？如果您已经使用滚动条定制了JQuery Scrollable，请与我分享一些技巧
非常感谢
浏览 3提问于2014-02-20得票数 0
我使用carouFredSel插件来实现响应式轮播。如何修复它？
我有时调用回调'updateSizes‘和carousel计算移动浏览器url栏高度)仅当滚动顶部时，并且仅当滚动底部后隐藏此栏时
$('.container').carouFredSel({
auto: false,
circular: false,
infinite: false,
responsive: true,
width: '100%',
height: 'variable',
items: {
visible: 1,
浏览 1提问于2015-07-21得票数 0
1回答
这是我的标记：
<div id="carousel-example-generic" class="carousel slide" data-interval="false" data-pause="hover">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic"
浏览 0提问于2014-01-02得票数 2
回答已采纳
2回答
我正在做一个带有滑动轮播<li>的信息图，但是SVG在Firefox中显示为像素化，尽管FF中SVG的bug已经解决了，我想。有人能看到解决这个问题的办法吗？
网址：
浏览 1提问于2011-04-11得票数 3
回答已采纳
2回答
我有一个产品图像的轮播(slick.js)，我试图在这些图像上实现缩放，但是无论哪个图像在平滑的轮播中处于活动状态，我都只能在缩放容器的轮播中看到最后一个图像，这是我的代码。
HTML
<ul class="image-carousel">
<li>
<img src="/image1.png" data-zoom-image="/image1-large.jpg" class="zoom">
</li>
<li>
浏览 1提问于2015-05-13得票数 1
1回答
您好，我正在使用Chartnew.js绘制条形图。我已经定义了x和y轴标签，并绘制了其中的条形图。
1)如何固定此图表中每个条形的宽度(宽度应等于20像素)
2)该图表最多能处理多少条？
3)如果条形图数量增加，是否可以滚动条形图？
4)另外，如果它可以滚动，在我的页面上，我是否可以将我的图表区域滚动到特定的条形图偏移量(例如，它应该根据某个索引显示为中心或突出显示)？5)我也尝试使用chart.js，但无法解决这个问题。
任何帮助都将不胜感激
谢谢
浏览 0提问于2015-02-17得票数 1
1回答
我正在寻找一个类似于上的jQuery旋转木马，它居中，即使旋转木马的内容超出浏览器的宽度，也不显示水平滚动条，支持图像交叉淡入淡出，并包括分页。
我用过SlidesJS和carouFredSel，但这些旋转木马不兼容。在花了几个小时测试后，我意识到这是因为这些插件依赖于容器具有固定宽度，导致当轮播宽度大于浏览器宽度时出现水平滚动条。
我想知道是否有一个轮播使用类似的代码结构，并通过CSS嵌入图像作为div的背景：
<div id="carousel">
<div class="slide">
<div class=
浏览 2提问于2012-09-19得票数 0
回答已采纳
2回答
jCarousel的羽状剪切蒙版
、、、、
我有一个用jCarousel连续滚动的图像集。一次只有一个图像完全显示，我希望能够“羽化”旋转木马的边缘，这样图像在穿越可见性时就会淡入淡出。
希望这是有意义的。
此外，旋转木马的运动有时似乎有点问题。在偶尔的页面加载中，似乎轮播初始化中的animation和/或auto参数没有正确实现，导致轮播要么比预期移动得更快，要么延迟更长，等等。
添加编辑:有没有一种方法可以代替真正的剪切蒙版，在图像移出旋转木马的焦点时使用jCarousel的回调函数对其执行fadeOut() (然后在图像移入焦点时执行fadeIn() )？
浏览 3提问于2011-08-17得票数 1
回答已采纳
当使用断点旋转设备时，轮播高度会更新以保持纵横比。 轮播高度被更新，但轮播项目高度保持不变，直到页面刷新。 我一直在尝试更新类v-window__container和v- carousel __item的高度，它们似乎是包含carousel图像的类，但我无法用js更新它们。 computed: {
carouselHeight () {
switch (this.$vuetify.breakpoint.name) {
case 'xs' : return '198'
case &#
浏览 62提问于2019-01-12得票数 1
目前我有它，所以如果你点击任何编号按钮，下一步/上一步按钮，或者旋转木马中的一个图像，脚本将调整旋转木马以将其移动到视口的中心。但是，我注意到，如果您单击与第二个旋转木马相关联的任何按钮，页面将一直向上滚动，并调整到第一个旋转木马。我如何获得它，以便调整正确的旋转木马？例如，按下与#2轮播相关联的任何按钮来调整#2轮播，或者按下用于#3轮播的任何按钮来调整#3轮播。
$(document).ready(function() {
$("#owl-demo").owlCarousel({
navigation: true,
pagination: true,
浏览 1提问于2016-01-28得票数 1
我正在无限轮播上实现cufon。问题是，当carousel动态生成下一个循环时，cufon不会在那个循环中显示出来。有什么解决办法吗？有没有办法在动态生成的文本上实现cufon？
这是演示链接
点击右键，滚动两次后，cufon消失
浏览 4提问于2011-04-30得票数 0
回答已采纳
打开遇到轮播页面现实的网页这种，整个系统就超级卡 基本操作不了，比如我什么都不打开 进入360浏览器官网 有轮播banner 就会很卡
浏览 191提问于2023-09-01
在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
我正在构建一个具有以下所需行为的动态滚动条形图：
图表的初始视图应包含以下滚动条的完整数据中指定的(常量)观测量。
在滚动到几乎结束栏，一些新的数据应该自动包括到图表中，而不需要重新呈现。换句话说，新的数据应该添加到图表中，而不是在整个数据上重新呈现图表。
这个过程应该继续进一步滚动，给人无限滚动条形图的感觉。
Y轴尺度在整个过程中应该保持不变.
我对d3.js相当陌生，对如何构建滚动条形图和构建无限滚动列表(使用jquery)有基本的了解。然而，我想不出如何：
如何根据新的加载数据更新x轴比例。
d3.js对此是否有效(考虑到我需要输入~ 10-100k数据点
浏览 1提问于2018-02-23得票数 1
回答已采纳
4回答
在发生某些事件后，如何重置轮播上的自动滚动间隔，以便您可以查看整个间隔内的内容，而不管您单击下一步或上一步时的计时器时间有多长？现在，如果我在9秒后单击“下一步”或“上一步”，它将在1秒后再次滚动。
在中，第274-277行是使用setInterval实现自动滚动的地方。我知道如果您有setInterval返回的ID，就可以使用clearInterval，但是除了修改源代码之外，我不能使用它，我不想这样做。
有什么想法吗？谢谢!
浏览 1提问于2009-12-08得票数 1
回答已采纳
我想要固定列的宽度，当动态添加新列时，x轴滚动添加并固定条列的宽度，
但是目前条形图自动响应条形图的列宽，那么如何在条形图chart.js中添加带有x轴滚动的固定宽度呢
单击以获取此链接
(https://jsfiddle.net/Luaf2tm4/1872)
浏览 1提问于2018-06-20得票数 0
1回答
我用d3.js制作了一个气泡图。我想使显示气泡图的div可滚动，以便如果气泡的no超过div的高度，则启用滚动。
我用css给了overflow-y:scrollable。但这不管用。这是。
我错过了什么？
浏览 4提问于2015-11-18得票数 1
回答已采纳
目前我正在尝试开发一种特殊的图像轮播，它基本上有两行(一行在顶部，另一行在底部(宽度较短)，使用名称作为参考)
问题是，我需要用Jetpack Compose (可以在常规的Android中使用一些滚动监听器)来实现滚动顶部行的速度，而不是底部的行。
我能够实现同时滚动各行，但它们以相同的速度滚动。我需要以两倍的速度滚动第一个页面才能达到我想要的效果。这是我尝试过的代码。
val scrollState = rememberScrollState()
Row(modifier = Modifier.horizontalScroll(scrollState)) {
Images()
}
R
浏览 4提问于2021-10-14得票数 0
我正在使用Bootstrap框架，但在同一页上使用分页点设置多个旋转木马时遇到了问题。我使用了GitHub上的bootstrap-carousel.js更新脚本(带有药丸选项的那个)来进行分页。
我找到了一个使用下一步导航的多个轮播的解决方案，但没有找到使用点的多个轮播的解决方案。
有什么办法来解决这个问题吗？任何帮助都将不胜感激。
非常感谢
浏览 4提问于2013-01-05得票数 0
2回答
我正在使用Flickity。我的groupCell是真的。现在的问题是，我不能增加图像的高度或滑块高度。另外，我必须在移动设备中显示1滑块。 你能帮我吗？ $('.slideset').flickity({
// options
cellAlign: 'left',
wrapAround: true,
contain: true,
//groupCells:'%',
groupCells: true,
prevNextButtons: true
}); .carousel-cell {
width: calc(
浏览 47提问于2020-01-18得票数 2
我在我的应用程序中使用iCarousel，我需要获取iCarousel的当前索引，并将该索引显示在一个标签( subView of self.view)中，该标签不是iCarousel的subView。我可以通过以下命令获得当前的索引
int index=iCarousel.currentIndex;
如何在每次滚动轮播时更新label.text中的索引。在这种方法中，我必须编写更新标签的代码。
浏览 1提问于2013-02-08得票数 1
回答已采纳
我对构建或使用开源小部件在网站上显示照片感兴趣，使用angular.js。在谷歌上搜索"Angular.js照片轮播“或"angular.js照片查看器”只能返回几个例子。
是不是有很多我不知道的angular.js照片小工具，或者这是我只需要写rom scratch的那类东西？
浏览 2提问于2013-06-28得票数 0
回答已采纳
1回答
我希望创建一个点击触发的图像轮播，例如，如果您单击按钮，图像淡入，当您单击下一个选项的另一个按钮时，当前图像淡出，a按钮图像淡入。
这个网站的一个例子可以在上的产品和服务下找到(向下滚动一点)。
怎样才能达到这个效果呢？
浏览 0提问于2011-08-26得票数 1
回答已采纳
1回答
我想在jquery中使用bootsraps carousel和平滑滚动。
下面是我制作平滑滚动的方法：
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
|| location.hostname == this.hostname) {
var target = $(this.hash);
target = t
浏览 0提问于2016-02-15得票数 0
我正在使用python和chart.js启动新项目，我正在使用chart.js的条形图，我希望修复每个条形图的宽度，但是它仍然是这样的，那么我如何为所有的条形图应用修复宽度呢？
每次显示最大6条时，当我们添加第7条时，就会出现水平滚动。
浏览 1提问于2016-03-29得票数 4
回答已采纳
我已经在中设置了图像。当我滚动旋转木马时，它在前面和后面显示图像。我不想在后面显示图像。请帮帮忙。谢谢。
浏览 1提问于2012-02-21得票数 8
回答已采纳
1回答
我正尝试在我的页面上使用两个猫头鹰旋转木马，但我不能。Gif：https://gyazo.com/51620bc2fa6183bdcaab511632e1eb57 第一个运行得很好(gif上顶部的那个) 但是第二个(下面的gif上的那个)不起作用。它被设置为显示4个图像，而不是我设置的2个。该怎么办呢 这个运行得很好： <body>
<!-- MENU-->
<section>
<div class="owl-carousel owl-theme">
<div class="item">
浏览 75提问于2021-10-01得票数 1
回答已采纳
学生党，然后买了十块钱的那个1Mbps，1G，1核，50Gc云盘的云服务器，把一个网页放到服务器然后回到我自己的主机，通过ip跑这个网页，结果发现 里面的几张轮播图t的图片加载很慢。。要很久才能全部加载出来，是因为我买的服务器配置太低了所以访问的时候下载很慢吗？求指教。
浏览 1257提问于2018-04-25
回答已采纳
1回答
我使用flot.js库来满足图形化的需要，但是android的性能是非常差的。我在网页上有这个图表，并且需要能够上下滚动。但是滚动会产生我所认为的“晃动”效应(想想杯子里的水！)
如果向下滚动flot图，“滑动”向上，同样，如果我向上滚动，则在返回到其正常位置之前，flot图向下滑动。因此，如果我快速上下滚动，图形看起来就像它的弹跳，并重叠标题和页脚(如下图所示)。
我已经在桌面上测试过这一点，问题消失了，所以我相信它与画布或webview的性能有关。
就像以前遇到这个问题的人一样，我知道如何才能使flot图正常运行并保持对齐？。
浏览 3提问于2013-11-26得票数 1
回答已采纳
我有一个jquery函数first()，我在页面加载时运行它来执行图像的轮播。当用户向下滚动时，我希望功能暂停-理想情况下但不是必须的-当您滚动回页面顶部时恢复。
我尝试过各种方法，包括：
$(document).ready(function first(){
etc
});
$(window).scroll(function(){
if ($(window).scrollTop()==0){
first()
}
else {
second()
}
});
其中second()只在carousel中显示一个图像(称为A)。但这只是将图像A插入到序列中，直到下一个carousel转
浏览 1提问于2015-07-16得票数 0
我正在尝试用2个单行滑块而不是1个双行滑块来重新创建一个网格轮播滑块，
因为我只想突出显示“居中”和“活动”的单个元素，并且在两行滑块中有两个元素是“居中”和“活动”。
我遇到了两个问题，因为坦率地说，我的javascript并没有那么好。
查看此笔[
js：$('.carousel:focus .frame.slick-center‘).css(’边框‘，'1px纯红’)；
第二个问题：
这将与滚动方向的事件侦听器一起使用，以使滑块“聚焦”，从而允许方向箭头的使用(左和右)。意思:如果我按箭头向上键，窗口就会向上移动(或者你能取消这个操作吗？)活动滑块位于顶部，可以使用向左箭
浏览 0提问于2015-06-26得票数 1
我在主页上有一个带有carousel的React项目(使用library @brainhubeu/react-carousel)。
提供给轮播的项目在以下代码中受到限制(10个项目)：
<Carousel
arrows
slidesPerPage={4}
slidesPerScroll={1}
autoPlay={1611000}
infinite={false}
clickToChange
centered
arrowLeft={<FaAngleDoubleLeft className="custom-carousel-control
浏览 0提问于2020-03-19得票数 0
我有一个有很多点要画的线状图
我希望x轴可以滚动。
我已经看过很少的了，但是他们提供了图表js的旧版本的解决方案。
有在chart.js版本2中获得可滚动x轴的选项吗？
和
如何在chart.js版本2中获得y轴的内容宽度？
如果没有获得滚动x轴的直接选项，我可以复制Y轴区域的内容，并在其他画布中绘制图像。
浏览 5提问于2016-06-29得票数 3
1回答
我使用了一个内容轮播(来自codrops)，每个项目都用Fancybox打开了更多的信息。问题是，Fancybox无法打开。我在想可能会有一个jquery冲突，因为我正在使用jquery.migrate以便轮播正常工作。
我的HTML如下：
<a href="#historyslide1" class="fancybox" data-fancybox-group="historygaller"><img src="img/historyslider/1900.jpg" class="img-respons
浏览 0提问于2015-04-14得票数 0
如何在容器中禁用水平滚动？例如，通过JS。我在最大限度上使用。缩放级别，这样我就不需要水平滚动了。然而，有些条形图更长，当我将鼠标悬停在甘特图的上方时，水平滚动被激活。如何禁止这种情况呢？首先要感谢大家！
浏览 2提问于2020-09-30得票数 0
我正在使用VueJS构建一个图像画廊应用程序，画廊的一个组件是我从Vuetify库中获取的滚动旋转木马。旋转木马看起来像这样-
<v-carousel :cycle="false" icon="none">
<v-carousel-item v-for="(image,index) in imageList" :src="image"
:key="index">
</v-carousel-item>
</v-carousel>
当我滚动轮播时，我想要显示当
浏览 10提问于2017-08-20得票数 0
回答已采纳
1回答
jQuery /引导轮播容器响应
、、、、
我已经创建了一个快速线框，为了帮助说明它是什么，我想用twitter bootstrap或jQuery插件来完成。如果有任何方法也可以用纯html5和css3构建它，那将是很酷的。
缩略图可以水平滚动并固定到位，以便左侧缩略图始终显示在全景中。然后，用户可以单击缩略图以显示其轮播内容。
移动和平板电脑将有两个转折点。每个断点都会改变包含缩略图的容器div的宽度。这意味着在较小的设备上会有更多的水平滚动。平板电脑和智能手机上的滚动将通过触摸实现。
旋转木马也可以触摸滑动。
如果有人能给我指出正确的方向，那就太好了。
浏览 2提问于2013-09-09得票数 2
我是Backbone的初学者，试图用Carousel的多个实例创建并运行一个示例页面。下面是我的HTML的外观
<div class="en-carousel" id="one" data-href="/js/models/json/carousel.json" data-content-id=""></div>
<div class="en-carousel" id="two" data-href="/js/models/json/carousel2.json
浏览 5提问于2014-07-31得票数 0
我注意到当使用Owl Carousel 2时，在移动查看中滑动项目时，浏览器也可以上下移动。尝试禁用滚动功能时，触发猫头鹰轮播2的上一个和下一个功能，但它仍然不起作用。
$('.owl-carousel').owlCarousel({
loop:true,
margin:5,
nav:true,
items:2,
});
// $('.owl-carousel').bind("mousewheel", function() {return false;});
$('.owl-carousel').b
浏览 1提问于2018-04-23得票数 1
1回答
核心动画立即调用完成函数
、、、、
我正在尝试使用常用的UIView类方法来为一些东西添加动画。我在流行的库调用的方法中调用这些动画方法。当我滚动轮播时，动画立即转到完成状态并调用完成函数(忽略动画上的持续时间)。finished BOOL是真的，所以看起来动画没有被中断。
当我在iCarousel的委托方法之外触发这些动画时，它们可以工作。我并不想修复iCarousel，也不认为它出了什么问题。我更好奇的是，里面的什么代码可能会导致我的动画立即完成。以及我能做些什么来避免这个问题。
下面是一个例子：
- (void)carouselCurrentItemIndexDidChange:(iCarousel *)carousel
浏览 1提问于2012-07-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
