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

生产环境中的问题:

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

修改为,

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

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

解决办法:

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

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

 

 

你可能感兴趣的:(Bootstrap,Bootstrap,tooltip)