禁用滑块跟踪动画？

Question

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

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

Answer 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'
  },
}));