可以禁用滑块跟踪动画吗?
P粉460377540
P粉460377540 2024-03-28 19:17:20
0
1
355

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

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

P粉460377540
P粉460377540

全部回复(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'
  },
}));
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!