Bolehkah animasi penjejakan gelangsar dilumpuhkan?

Question

MUI mempunyai komponen gelangsar: https://mui.com/material-ui/react-slider/

Saya cuba memikirkan cara untuk melumpuhkan animasi yang dimainkan pada jubin untuk mengalihkannya ke kedudukan baharu supaya ia bergerak serta-merta. Adakah terdapat cara untuk melakukan ini?

Answer 1

Anda perlu mematikan ibu jari peluncur dan atribut transition elemen trek menggunakan utiliti gaya:

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