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

那年仲夏 提交于 2021-02-19 04:58:24

生产环境中的问题:

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

修改为,

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

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

解决办法:

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

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

 

 

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!