可以禁用滑块跟踪动画吗？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

可以禁用滑块跟踪动画吗？

P粉460377540 2024-03-28 19:17:20

[CSS3讨论组]

788

MUI 有一个滑块组件：https://mui.com/material-ui/react-slider/

我正在尝试找出如何禁用在小块上播放的动画以将其移动到新位置，以便它立即移动。有什么办法可以做到这一点吗？

P粉460377540

全部回复(1)

P粉9261742882024-03-29 16:17:04 1楼

您需要使用样式实用程序关闭滑块的拇指和轨道元素的 transition 属性：

import Slider from '@mui/material/Slider';
import { styled } from '@mui/material/styles';

const CustomSlider = styled(Slider)(({ theme }) => ({
  "& .MuiSlider-thumb": {
    transition: 'none'
  },
  "& .MuiSlider-track": {
    transition: 'none'
  },
}));