javascript - qTip2 通过视口(viewport)智能定位

Question

我有右侧面板，每个元素上都应该有 qTip。区域是可滚动的，所以小提示不适合窗口。问题如下所示:

如果我在工具提示中添加智能定位:

 position: {
        viewport: $('#window')
    }

我得到的工具提示留在窗口内，但现在它自动将位置设置在元素上方或下方(而不是它的左侧)并越过可点击的元素，使用户无法访问它们。如下所示:

问题是:如何使用保持初始位置(左)的视口(viewport)(窗口)制作带有智能定位的工具提示？

Answer 1

明白了。为了让它保持可见，我们可以使用调整。此选项确定发生的视口(viewport)定位类型。如果我们设置 adjust: {method: none shift} - 那么当 tooltop 离开可见时，将不会水平移动(none)而垂直移动(shift)。

有关更多选项，请阅读手册。 http://qtip2.com/plugins#viewport

position: {
        at: 'center left',
        my: 'right center',
        effect: false,
        viewport: $('.mainPanel'),
        adjust: {
            method: 'none shift'
        }
    },