首页 > 解决方案 > 如何设置 Material UI Slider 的 valueLabel / tooltip 的初始位置?

问题描述

我有一个带有样式工具提示/值标签的滑块设置在底部显示:

function ValueLabelComponent(props) {
  const { children, open, value } = props

  return (
    <StyledTooltip open={open} placement='bottom' title={value}>
      {children}
    </StyledTooltip>
  )
}

在此处输入图像描述

但是,当页面最初呈现时,工具提示会被推到滑块上方,因为由于滚动,它不适合下方:

在此处输入图像描述

位置由内部脚本 transform: translate 元素的属性决定。

有没有办法关闭此行为,以便工具提示始终显示在滑块下方?

标签: javascriptcssmaterial-ui

解决方案


推荐阅读