声明:用的不是bootstrap的tooltip组件
<link th:href="@{/static/libs/tooltip/tooltip.css}" rel="stylesheet"/>
<script th:src="@{/static/libs/tooltip/tooltip.js}"></script>
<script>
$(function(){
showTips();
});
function showTips() {
var arr = $('.myscroll span p');
for(var i = 0,len=arr.length; i<len; i++){
var _this = arr[i];
var desc = $(_this).attr("desc");
var time = $(_this).attr("time");
$(_this).tooltip({
text: '— 获取条件 —<br/>'+desc+'<br/>— 生效日期 —<br/>'+time,
theme: 'light',
textColor: '#999',
shadowColor: '#6f6f6f',
fontSize: '14px',
fontFamily: "'Open Sans', 'Roboto-Regular', Arial",
});
}
}
</script>
解决思路:
找到定位提示框的高度 减去 滚动条的高度,每次显示时动态计算一下。
解决办法:
修改tooltip.js源码
找到变量topPos,在这之前定义一个获取滚动条的高度的变量。
var scrollTopHeight = $(window).scrollTop();
var topPos = $(this).offset().top + $(this).height() + parseInt($(this).css('padding-top')) + parseInt($(this).css('padding-bottom')) + 10 - scrollTopHeight;