可以禁用滑桿追蹤動畫嗎？

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