qTip2 通过视口进行智能定位答案

【问题标题】：qTip2 smart positioning via viewportqTip2 通过视口进行智能定位
【发布时间】：2013-11-11 06:24:25
【问题描述】：

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

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

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

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

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

【问题讨论】：

标签： javascript tooltip qtip2

【解决方案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'
        }
    },

【讨论】：