如何减少react旋转木马上可见的产品数量？

文章/答案/技术大牛

发布

2回答

reactjs、pure-react-carousel

我用react创建了一个产品旋转木马，它有10个产品，但我只想在任何时候显示最多4个产品，我试图减少宽度，但这不起作用。我还查看了轮播的文档，但找不到此https://www.npmjs.com/package/pure-react-carousel#component-properties-props的解决方案这是carouselhttps://github.com/RMP1992/react</

浏览 62提问于2021-08-15得票数 0

回答已采纳

1回答

如何暂停Swiper分页项目符号进度条动画悬停在Swiper React旋转木马中

css、reactjs、progress-bar、swiper、swiperjs

对于我的旋转木马，我在我的React应用程序中使用了。唯一缺少的是，当用户将鼠标悬停在旋转木马上时，它会暂停幻灯片。但是我如何</

浏览 90提问于2021-06-05得票数 0

2回答

无法使用Owl Carousel 2向上/向下滚动页面

carousel、owl-carousel

在旋转木马上开始拖动时，我无法在移动设备上滚动页面。因此，如果carousel占据了移动设备上的所有可见空间--上下转到页面就变得有点麻烦了…… 我如何禁用这种滚动的“拦截”？

浏览 2提问于2017-05-26得票数 4

1回答

获取jquery.jcarousel中的可见元素

javascript、jquery、visibility、jcarousel、carousel

我正在构建一个JavaScript旋转木马，我需要提取每个旋转木马上显示的链接的网址。我实现的itemFirstInCallback处理程序获取页面中第一个链接的href (例如索引1、索引5)。我需要获得当前显示的URL的第一个链接显示在所有4可见</

浏览 2提问于2011-05-12得票数 1

1回答

如何减少传送带上显示的图像数量？

javascript、reactjs、carousel

我有一个用lib react-responsive-carousel渲染一些图像的旋转木马，我想知道如何减少在我的旋转木马中出现的图像数量。在大屏幕时，我在我的旋转木马上渲染了3个图像，但当屏幕变小时，我想渲染更少的图像。在下图中，可以很容易地看到，当屏幕很小时，旋转木马与粘贴的图像一起。我将我的代码放入codesandbox.

浏览 15提问于2021-01-19得票数 1

回答已采纳

1回答

从css关键帧的React组件中响应更改css变量

css、reactjs

我想要创建一个名为CarouselItem的组件，它在旋转木马显示中作为一个对象发挥作用，我希望这些项目有不同的不透明性，这取决于它们离旋转木马的中心有多近，当它们在旋转木马上盘旋时会褪色到完全不透明。为此，我需要CSS能够访问组件状态的一个变量，以查看它们在悬空之前的不透明程度。我在堆栈溢出上阅读了这个，它讨论了如何使用箭头函数来创建样式并在react样式中使用它，但是由于我想包含关键帧，所以我不

浏览 3提问于2022-11-17得票数 1

回答已采纳

1回答

如何计算/目标用户在占位符上的当前位置？

c#、asp.net、sitecore、sitecore6、sitecore7

在一个项目中，我使用的是Sitecore。HMTL输出。 ...</div>非常感谢。

浏览 0提问于2014-12-01得票数 0

回答已采纳

2回答

如何增加和减少反应的数量？

javascript、reactjs、onclick

单击按钮时，我的产品数量减少1，在提交表单时增加数量。数量随着表单值的增加而增加。如何在Reactjs中完成此问题？import React, { useEffect, useState } from "react"; const [inventory

浏览 3提问于2022-05-07得票数 -1

1回答

我的组件没有读取导入的灵活的CSS。

css、reactjs、next.js、slick.js、react-slick

我将病态旋转木马的CSS导入到我的根组件中，如下所示： import PropTypes from 'prop-types'pageProps: PropTypes.object.isRequired, 问题是，这些样式并没有应用到我的旋转木马上我试图在需

浏览 3提问于2020-09-20得票数 2

回答已采纳

1回答

无法在IE上的引导带(v3.3.4)的导航栏下看到旋转木马

javascript、jquery、html、css、twitter-bootstrap

我正在使用Twitter引导版本3.3.4 (getbootstrap.com)作为我的Wordpress站点的CSS/HTML框架。我的网站顶部有一个全宽度的旋转木马。然后，我添加了一个导航条，我已经从屏幕顶部偏移了大约40 at，这样导航条就可以在旋转木马上运行，并在其下方滚动(即:幻灯片在屏幕顶部可见)。我认为我必须更改一些旋转木马元素的位置或浮动CSS属性，但无法使其工作。这是一个比较图像。左边<

浏览 4提问于2015-03-26得票数 0

回答已采纳

1回答

引导ui轮播为空

html、angularjs、angular-ui、angular-ui-bootstrap

$apply(function () { });在上面你可以找到我的carousel的一些代码。但是奇怪的事情发生了。我点击一个按钮，然后一个模式框就会出现在这个旋转木马上。但每次我点击按钮时，通常它应该是其他图像。第一次它工作正常，第二次我打开包含旋转木马的模式框，你看不到任何数据。但是当你使用google chrome检查代码时，你会看到图片的源

浏览 1提问于2015-04-28得票数 3

2回答

React看不到？

reactjs、progress-bar

我在第三方库的帮助下创建了一个React进度条。import React from "react";import ClipLoader from "react-spinners= css` margin: 0 auto;`;class AwesomeComponent extends

浏览 1提问于2020-06-20得票数 0

3回答

MPMoviePlayerController可以退出全屏，但是topbar已经消失了

mpmovieplayercontroller、uinavigationbar、fullscreen

我正在使用MPMoviePlayerController.在iPad上播放电影当用户将设备旋转到景致时，我将其动画化为全屏。如果用户然后点击‘退出全屏’或'done'，电影就会回复到它的小框架(本机行为)，但是--顶部栏(导航栏)已经消失了。而且，可见视图已经向上移动，在状态栏后面和后面移动。我尝试通过将setNavigationBarHidden:animated发送到当前视图控制器的导航控制器以及tabbarcontroller的导航控制器来恢复导航栏。我将此作为对MPMovie

浏览 3提问于2010-12-27得票数 3

回答已采纳

1回答

反应-本机-旋转木马全屏+传递内容

reactjs、react-native

我有两个部分的问题。我目前正在使用这里找到的react-native-snap-carousel：。我的代码如下所示： { </View> flex: 1,}

浏览 13提问于2021-08-20得票数 1

回答已采纳

1回答

如何使用React和Immutable.js制作动画？

animation、reactjs、immutability、immutable.js

我有一个旋转木马，它的状态为{pages: [...], currentPage: 0}。如果我设置了currentPage = 1，我希望旋转木马向左滑动。如果我再次增加这个数字，同样的事情也会发生，当我减少它的时候，它应该会向右滑动。解决这个问题的最好

浏览 0提问于2015-06-16得票数 1

5回答

反应-本地-快速-旋转不能正确渲染。

javascript、reactjs、react-native、react-native-snap-carousel

当我将屏幕分配给我的BottomTabNavigator的初始路由或BottomTabNavigator中的初始路径时，旋转木马就会完美地呈现出来。我需要在我的Stack Navigator中使用带有旋转木马的屏幕作为第二条路径，并且我不知道如何使它正常工作。我也尝试过切换到基于类的react组件，但这并没有帮助。码import React, { useState

浏览 3提问于2019-09-05得票数 13

回答已采纳

1回答

媒体查询能真正处理移动设备吗？

html、css、media-queries

我有一个<input type="number">，我需要上下旋转按钮来选择下一个值。不幸的是，这些旋转按钮在移动设备上不可见。所以，我想创建上下按钮，并只在移动设备上显示它们。当屏幕大小很小时，唯一的是显示DOM元素的媒体查询。但是，如果用户由于某种原因而简单地减少了PC上的浏览器窗口，又会怎样呢？这将显示旋转按钮以及我的上下按钮。接下来我测试的是 @media-d

浏览 6提问于2021-12-08得票数 0

1回答

如何使我的悬停下拉菜单在我的旋转木马上保持可见

javascript、html、css、reactjs

这是我的代码，我创建了一个下拉菜单栏，其中我有很多下拉菜单悬停，但后来当我创建一个旋转木马时，当我在下拉菜单上盘旋时，它就在旋转木马后面，但我希望它们在旋转木马前面，这样我就可以在这里访问下拉菜单中的链接--下拉菜单和旋转木马的代码。/sdata' width: 100%;

浏览 3提问于2022-07-19得票数 0

回答已采纳

1回答

java实现:使用单独的对话框进行短期测试+进度指示符w/o

java、swing

我需要添加一个简单的GUI来运行压力测试。我想做这样的事情：状态1:压力测试正在进行--在这种状态下，压力测试运行，定期执行任务，并在每次任务完成时减少旋转器计数。已禁用旋转器以进行输入。当按下“停止”按钮或旋转器计数达到0时，测试将停止并转换到状态0。进度条显示任务#中的哪个部分

浏览 2提问于2010-01-05得票数 0

1回答

划分代码的合理大小/数量级是多少？

reactjs、performance、react-loadable

我们使用的不是大型的React代码库，我们希望使用react可加载的方法将应用程序划分成更小的块。在反应(一般/作

浏览 8提问于2022-05-19得票数 0

回答已采纳

点击加载更多