创建平移滑块(React/CSS)

文章/答案/技术大牛

发布

1回答

css、reactjs

我想让8个元素并排，并在屏幕上平移时，你滚动或拖动触摸。我不确定我做错了什么，因为如果你反转了溢出，它在垂直方向上工作得很好。

浏览 9提问于2021-02-10得票数 0

回答已采纳

2回答

使用jMediaelement的垂直音量滑块

jquery、html、html5-audio

不幸的是，客户端现在需要一个垂直音量滑块。jMediaelement接口时，我只能使用这个标记：...which将替换为水平音量滑块

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

回答已采纳

1回答

我试图在React中创建内容滑块，在某种程度上我已经成功了，但是我希望内容水平移动而不是垂直移动。现在，所有的项目都堆叠在一起，我知道为什么它们不能作为水平滑块工作，最初我尝试使用柔性盒来对齐相邻的项目，但是它们不能使用CSS中的左或右移动。我一直在尝试的和失败的是尝试让项目彼此相邻，而不是顶部只是改变滑块的左/右来显示项目。(P.S.我还没有添加一种方法来阻止滑块超过总项目数，将在此之后完成)im

浏览 2提问于2020-07-15得票数 0

1回答

使用RenderTransform更改Xaml滑块的值

windows、xaml、user-interface、windows-8、microsoft-metro

我正在制作一个基于几个滑块的Metro Xaml控件。基本上，在ManipulationDelta事件中--特别是沿X轴的平移--其中一个滑块拇指的平移，我想要平移另一个滑块拇指相同的量。我遇到的问题是，使用RenderTransform来平移另一个拇指并不会改变它的滑块的值，而只是表面上改变了拇指的位置。有没有一种更简单的方法来使滑块的值与拇指位置相匹配，而不是仅仅使用几次计算将拇指位置投影到滑块值中？编辑:这是对

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

2回答

使用swiper.js库进行反应中的CSS冲突

javascript、css、reactjs、swiper.js

我使用react中的swiper.js创建了两个滑块。两个滑块的css规则是不同的，必须针对库提供的相同的css类。当我在react中集成两个组件时，css冲突就会发生。我该怎么解决这个问题？第一组分滑块css规则 position: relative; padding-top: 50px; padding-bottom: 150px;

浏览 2提问于2020-10-31得票数 4

回答已采纳

5回答

jquery-ui滑块句柄完成位置为100%向左-将其放置在滑块之外

jquery-ui、slider、jquery-ui-slider

我第一次使用jQuery-ui滑块，被一个相当基本的问题搞糊涂了。当设置我的滑块时，我希望不使用主题。当我从左向右滑动时，滑块手柄的右手位置超过滑块1个手柄宽度。这是由于滑块css定位手柄与左: 100%。我注意到许多其他人使用滑块没有任何困难，但看不出他们是如何解决这个问题的。非常感谢

浏览 1提问于2011-03-13得票数 2

回答已采纳

1回答

反应距离计没有显示在引导模态上

javascript、reactjs、twitter-bootstrap-3

我试图在引导模式上放置一个滑块，但它似乎不适合我:我只是在屏幕上打印滑块的默认值。import React from 'react';import Horizontal from/horizontal-slider'; import ReactDOM from 'react

浏览 3提问于2017-04-14得票数 0

回答已采纳

1回答

如何样式化的HTML5范围输入有不同的颜色前后的滑块在反应？

javascript、html、reactjs、rangeslider

我正在使用HTML5在React中创建一个范围滑块，并希望在滑块之前和之后有两种不同的颜色，我尝试了css，但它不起作用见我想有像这样的图像有什么需要帮忙的吗？

浏览 2提问于2020-02-20得票数 0

2回答

如何从rc滑块反应元件输出电流值？

javascript、reactjs、react-native、react-component

我在我的React应用程序上安装了rc-滑块React组件，但是我需要从滑块输出当前值，如何做到这一点？这是当前的代码：import 'rc-slider/assets/index.css'; import 'rc-tooltip/assets/bootstrap.cssSlider.createSlider

浏览 2提问于2018-07-12得票数 4

回答已采纳

1回答

平滑滑块在reactjs中多次渲染幻灯片

reactjs、loops、slider、slick.js

我正在使用reactjs创建光滑的滑块。滑块工作正常，但它可以多次渲染幻灯片。我正在使用map函数循环幻灯片。截图： ? 我的脚本： import React, {Component} from 'react';import "slick-carousel/slick/slick.css"; import &quo

浏览 22提问于2020-01-26得票数 1

回答已采纳

1回答

我不知道如何通过内联样式设置rc-slider (React Component Slider)的样式

reactjs、react-native

我已经多次阅读文档，但仍然不能完全理解如何通过内联CSS ()设置React滑块的样式。从“React”导入react； export default class Slid

浏览 2提问于2017-01-13得票数 4

回答已采纳

2回答

如何将箭头控件设置为自定义按钮

reactjs、react-slick

我将react-slick添加到我的项目中，以显示carousel。我想控制我的滑块与自定义下一步和prev按钮，这是在滑块的内容顶部。所以我遵循了自定义箭头文档，但我不想在光滑的内容中显示我的按钮，我想将控件交给滑块内容上方的按钮。如何做到这一点？我从我创建的组件中包含我的代码。import "slick-carousel/slick/slick.css

浏览 3提问于2019-07-08得票数 1

回答已采纳

1回答

如何在slider React.js之外添加自定义按钮组

javascript、reactjs

我使用react-multi-carousel，并尝试在滑块外部创建自定义按钮，但当我创建自定义按钮时，我遇到了一些错误：我使用以下代码：import Carousel from "react-multi-carousel"; import classes from "./Carous

浏览 7提问于2021-05-27得票数 0

回答已采纳

1回答

如何在react.js中查询div 100% width元素的px宽度？

javascript、reactjs、fluid-layout、responsive

从我的实际用例的角度来看，我是这样做的:我正在react中构建一个滑块。我的滑块有一个带有类名"slide-holder“的div，这个div里面是幻灯片的各个div。滑块是一个非常基本的滑块，滑块将水平移动一张幻灯片的宽度，以切换到下一张/上一张幻灯片。这是我的完整代码-请注意，我仍在积极地工作，所以它有时可能会崩溃，但你应该能够从中了解它是如何工作的，我只是在react nothing中做一些基础工作。/*var <e

浏览 14提问于2016-09-18得票数 1

2回答

使用滚动条快速流畅地水平滚动(CSS加速)

css、html、scrollbar

我正在尝试创建一个有很多图片的水平网页，我已经检查了一些水平滚动条。这里有一个视频来看看元素的CSS属性是如何改变的，也许还能让你理解它。

浏览 1提问于2014-07-14得票数 1

1回答

反应量程滑块值气泡

javascript、css、reactjs、slider

我正在尝试创建一个定制的反应范围滑块。到目前为止一切都很好。我需要显示当前的滑块在循环按钮的每一次(不只是在滑块是活动的)。当滑块来回切换时，应该在循环切换按钮上动态地更改该值。就像这样：我尝试使用react捕捉当前的样式并相应地应用CSS，但它似乎不起作用。提前感谢

浏览 0提问于2020-10-15得票数 1

回答已采纳

2回答

/node_modules/css-loader/dist/cjs.js)：CssSyntaxError

css、reactjs、webpack、import、css-loader

我正在构建一个react应用程序，我在一个文件中导入了一个滑块import React, {useState} from 'react';import styles from '@shwilliam/<

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

2回答

缩放和平移图像画布

c#、silverlight、xaml

我需要开发一个控件来缩放和平移工作区中的画布(目前是Grid单元格中的Border)，如下所示。做这件事最好的方法是什么？有没有我可以使用的库？

浏览 0提问于2011-10-21得票数 6

1回答

为什么我的元素在离开之前被延迟了，并且没有使用React-Spring在转换组件中进行动画处理？

reactjs、slider、transition、react-spring

所以，我基本上是使用React-Spring创建我自己的滑块，这是Slider.js的代码： import React, {useState} from 'react'import {Transition} from 'react-spring/renderprops' import '../asset

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

回答已采纳

2回答

jsx中ReactJS中的引导范围滑块

twitter-bootstrap、reactjs、rangeslider

我想在bootstrap-react中选择一个有两个滑块的范围。我已经这样做了，但它不起作用。我想根据滑块值来选择值

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

点击加载更多