javascript - qTip2 通过视口进行智能定位

Question

我有正确的面板，每个元素上都应该有 qTip。区域是可滚动的，所以低端提示不适合窗口。问题演示如下：

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

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

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

问题是：如何在保持初始位置（左）的视口（窗口）中使用智能定位制作工具提示？

Answer 1

知道了。为了让它保持可见，我们可以使用调整。此选项确定发生的视口定位类型。如果我们把 adjust: {method: none shift} - 那么工具顶部，当离开可见时，将不会水平移动（无）和垂直移动（移位）。

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

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