使用工具提示器带有滚动条的工具提示 [英] tooltip with scrollbar using tooltipster

问题描述

我必须使用 tooltipster jquery 在工具提示中使用 bind html.但是我必须在工具提示中绑定更多数据.

I have to use bind html inside tooltip using tooltipster jquery. But I have to bind more data inside tooltip.

如何使用tooltipster jquery在工具提示内实现滚动条?我必须工具提示 jquery 和工具提示 css.

How to implement scrollbar inside tooltip using tooltipster jquery? I have to tooltipster jquery and tooltipster css.

我使用了以下代码:

$('#MainContent').tooltipster({
   trigger:"click",
   contentAsHTML: true,
   content: thtmlcnt,
   position:"right",
   autoClose:"true",
   positionTracker:true
});

请给出一些如何在工具提示中实现滚动条的解决方案.

Please give some solution how to implement scroll bar inside tooltip.

推荐答案

也许这会有所帮助:

.tooltipster-base {
  max-height: 300px;
  pointer-events: all !important;
}
.tooltipster-box {
  display: inline-block !important;
  width: 100%;
  height: 100%;
  overflow: auto;
}

参考:https://github.com/louisameline/tooltipster-scrollableTip/blob/master/tooltipster-scrollableTip.js

这篇关于使用工具提示器带有滚动条的工具提示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！