我是React.js的新手。我们使用material-io CSS框架来构建我们的应用程序。
我有一个任务,显示菜单项的下拉菜单,它打开到顶部或底部的基础上的位置,当它是在移动终端上打开。
它类似于Facebook视频部分,当用户点击(...)-图标时,它会根据图标的屏幕位置显示选项。
Facebook bottom appear
Facebook菜单底部出现
我是React.js的新手。我们使用material-io CSS框架来构建我们的应用程序。
我有一个任务,显示菜单项的下拉菜单,它打开到顶部或底部的基础上的位置,当它是在移动终端上打开。
它类似于Facebook视频部分,当用户点击(...)-图标时,它会根据图标的屏幕位置显示选项。
Facebook bottom appear
Facebook菜单底部出现
2条答案
按热度按时间kcwpcxri1#
可以使用提供工具提示菜单的库。例如https://justinrhodes1.github.io/react-power-tooltip/
unhi4e5o2#
您可以使用react-power-tooltip。用途:
1.从Npm
$ npm install react-power-tooltip --save
安装1.导入到项目
import Tooltip from 'react-power-tooltip'
1.向封闭目标组件添加悬停状态&鼠标事件处理程序
1.在目标元素中添加工具提示
更多信息:https://justinrhodes1.github.io/react-power-tooltip/