Kann die Slider-Tracking-Animation deaktiviert werden?
P粉460377540
P粉460377540 2024-03-28 19:17:20
0
1
344

MUI hat eine Slider-Komponente: https://mui.com/material-ui/react-slider/

Ich versuche herauszufinden, wie ich die Animation, die auf einer Kachel abgespielt wird, deaktivieren kann, um sie an eine neue Position zu verschieben, sodass sie sich sofort bewegt. Gibt es eine Möglichkeit, dies zu tun?

P粉460377540
P粉460377540

Antworte allen(1)
P粉926174288

您需要使用样式实用程序关闭滑块的拇指和轨道元素的 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'
  },
}));
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!