【问题标题】：How to increase vertical offset of tooltip position?如何增加工具提示位置的垂直偏移？
【发布时间】：2014-01-31 22:09:53
【问题描述】：

我在 24 像素高的图形（在锚链接内）上使用剑道工具提示。因此，当工具提示出现时（默认位置底部），它覆盖了图形的底部三分之一，因此无法点击图形的底部三分之一。

我可以做到以下几点：

.k-tooltip {
    margin-top: 8px;
}

但是这样做的问题是，如果工具提示位于页面底部的图形上，则位置将是“顶部”而不是“底部”，但现在它将覆盖大约 1/2 的图形仅三分之一，因为它仍被向下推 8px。

我想要的是如果位置是底部，那么margin-top是8px，但是如果位置是top，margin-bottom是8px。

感谢您提供的任何帮助！

比利·麦卡弗蒂

【问题讨论】：

你发现了吗？我正在处理一个非常相似的问题...
您能否帮助使用此示例来演示您的问题，以便我们解决问题？ dojo.telerik.com/amoZE
我三个，我也有同样的问题
我有一个类似的问题，但在我的情况下，我只有一个工具提示隐藏的超链接。幸运的是，比利的修复对我来说是合适的（至少现在是这样）。下面显示了问题。 dojo.telerik.com/amoZE/2

标签： kendo-ui kendo-tooltip

【解决方案1】：

这个对你有帮助吗？ http://dojo.telerik.com/amoZE/5

var tooltip = $("#demo").kendoTooltip({
  filter: "a",
  show: function (e) {
    var position = e.sender.options.position;
    if (position == "bottom") {
      e.sender.popup.element.css("margin-top", "10px");
    } else if(position == "top") {
      e.sender.popup.element.css("margin-bottom", "10px");
    }
  }
}).data("kendoTooltip");

【讨论】：

【解决方案2】：

感谢您的回答，亚诺-拉赫蒂宁。这很有帮助！出现了两个问题，我想在这里记录解决方案：

1。 Typescript 中的属性错误

我正在使用 TS，它给了我以下错误： e.sender.popup 的“工具提示类型上不存在属性弹出窗口”。我不确定这是因为 Kendo 版本较新，还是因为缺少类型定义。

解决方案：

您可以改用this.popup。

2。不适用于位置：“顶部”

不幸的是，“margin-bottom”完全没有效果，因为弹出窗口使用 top/left 定位“绝对”。

解决方案：

this.popup.element.css("margin-top", "-10px");

这会将弹出窗口向上移动 10 个像素

【讨论】：