Всплывающая подсказка с полосой прокрутки с помощью всплывающей подсказки

Question

Я должен использовать Bind HTML внутри всплывающей подсказки, используя tooltipster jquery, Но я должен связать больше данных во всплывающей подсказке.

Как реализовать полосу прокрутки внутри всплывающей подсказки, используя подсказку jquery? Я должен вспомнить jquery и tooltipster css.

Я использовал код ниже:

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

Пожалуйста, дайте решение, как реализовать полосу прокрутки во всплывающей подсказке.

Answer 1

Вы можете достичь этого, например, указав максимальную высоту содержимого

JQuery

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

HTML

<div class="content" style="max-height:100px">
    //Your content here
</div>

Answer 2

Возможно, это поможет:

      .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