BootstrapTooltip插件实现鼠标移出提示框隐藏

coding

生产环境中的问题:

鼠标移出锚链接区域后提示工具就隐藏,提示内容超出页面后隐藏。

修改为,

       1.可移动到提示框中当移出锚链接区域或者提示框后才隐藏。

       2.提示内容超出页面后,在提示框中加滚动条

解决办法:

1、更改显示方式为manual,对锚链接添加mouseenter事件,鼠标进入执行show。对提示框和锚链接添加mouseleave事件,离开则隐藏。

2、设置body overflow: hidden,提示框中设置固定高度,添加 overflow-y: auto;

本文分享 CSDN - w_boyang。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

以上是 BootstrapTooltip插件实现鼠标移出提示框隐藏 的全部内容, 来源链接: utcz.com/z/509703.html

回到顶部