TippyJS工具提示的位置很奇怪，但在滚动页面或调整窗口大小后显示正确
TippyJS是一个轻量级的工具提示库，用于在网页中添加工具提示。当使用TippyJS时，有时候工具提示的位置可能会出现奇怪的情况，但在滚动页面或调整窗口大小后，工具提示会显示在正确的位置。
这种奇怪的位置可能是由于网页布局或其他CSS样式的影响导致的。为了解决这个问题，可以尝试以下几种方法：
- 调整工具提示的位置：TippyJS提供了多种位置选项，可以通过设置
placement属性来调整工具提示的位置。常见的位置选项包括top、bottom、left、right等。根据具体情况，可以尝试不同的位置选项来找到最合适的位置。 - 使用偏移量：如果调整位置仍然无法满足需求，可以尝试使用偏移量来微调工具提示的位置。TippyJS提供了
offset属性，可以通过设置正负值来调整工具提示相对于目标元素的位置。 - 检查网页布局和CSS样式：奇怪的工具提示位置可能是由于网页布局或其他CSS样式的问题导致的。可以检查相关的HTML和CSS代码，确保没有冲突或错误的样式影响到工具提示的位置。
- 更新TippyJS版本：如果使用的是较旧的TippyJS版本，可以尝试更新到最新版本，以获取修复了位置问题的更新。
总结起来，当TippyJS工具提示的位置出现奇怪的情况时，可以通过调整位置选项、使用偏移量、检查网页布局和CSS样式、更新TippyJS版本等方法来解决问题。以下是腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品：https://cloud.tencent.com/product
- 产品介绍链接地址：https://cloud.tencent.com/document/product/1157/43086
相关·内容
2回答
TippyJS工具提示的位置很奇怪，但在滚动页面或调整窗口大小后显示正确
javascript、html、jquery、css、tippyjs
我使用TippyJS来显示工具提示，但由于某些原因，当第一次单击工具提示时，它的位置太靠右了，如果你有一个小屏幕，它甚至会超出视图。示例：
而当我滚动一点，或者调整页面大小后，它就被正确定位了。
是什么导致了这种行为？示例代码(购物车是空的，但在单击/滚动</em
浏览 100提问于2021-02-24得票数 0
回答已采纳
4回答
Flex工具提示在可调整大小的应用程序中的定位
apache-flex、tooltip
我们的Flex应用程序会随着浏览器窗口自动调整大小，我们已经很容易地解决了一大堆缩放问题，但剩下的就是工具提示。它们在屏幕上显示在错误的位置，没有根据窗口大小进行适当缩放。由于工具提示是自动定位的，我们如何解决这个问题？
为了澄清，我使用的是内置的flex工具</em
浏览 4提问于2008-12-19得票数 3
1回答
在某些情况下显示隐藏的div
javascript、html
在搜索了大量ie bug之后，我仍然没有找到我所遇到的问题的描述。
最初的情况是一个标准的情况。我们有一个工具提示，它实际上是一个隐藏的div，它将显示在给定位置的鼠标上方。div隐藏在display:none中，并包含一个包含内容的表。我们尝试了不同的库来显示div (scriptaculous集群提示)，但是效果是一样的。问
浏览 3提问于2010-04-06得票数 0
2回答
如何在调整HTA大小时修复页面位置
javascript、html、css、hta
我们使用HTA来显示详细的报告信息(关于我们的自动化测试)。HTA可以变成多个页面长度。它对我们的用户很有效，但我有一个可用性问题:当用户滚动到报告中的某个位置(例如，teststep 42)，并且用户最大化或调整HTA窗口大小时，用户会丢失他在报告中的当前位置(例如，他跳到了teststep32 )，并且必须再次滚动到正确<e
浏览 5提问于2011-06-01得票数 0
回答已采纳
1回答
更改窗口大小上工具提示的位置
javascript、jquery、jquery-tooltip
我使用jQuery UI为搜索输入字段创建工具提示。然后，我想根据浏览器窗口的大小来定位工具提示(顶部如果小于768 if，左如果更多)。我将工具提示初始化为：然后，我使用这个函数根据窗口大小更改位置：
$(window).on(&#x
浏览 2提问于2015-07-17得票数 0
3回答
确定div在网页上的位置
javascript、css、css-position
我有一个div，它的位置是固定的。在调整窗口大小之前，一切都很好。在重新调整大小时，当我们滚动到网页的最右侧时，固定的div仍然保留在屏幕的最左端。我希望它能随窗口向左滚动，但不会随窗口向下滚动。如果我在表达我的怀疑时不是很清楚。你可以有一个。
在那里搜索任何产品，比如App
浏览 3提问于2012-04-05得票数 0
回答已采纳
3回答
调整窗口大小时，重新对齐JQuery工具提示
javascript、jquery、textbox、tooltip
我编写了一个函数，将工具提示放置在文本框的上方。textBoxId -将显示工具提示的文本框的ID。- **Example**: _"#textBoxA"_ toolTipId -将出现在文本框.上方的工具提示的ID
浏览 4提问于2009-09-14得票数 0
回答已采纳
1回答
调整大小或滚动后，NSTableCellView中的控件将自动向右移动
cocoa、nsoutlineview
我正在尝试实现一个计数器视图，它在NSTableCellView中显示项目计数。奇怪的是，在调整窗口大小或滚动包含NSTableCellView的NSOutlineView后，它会自动向右移动。这是它的一些截图。您将能够看到计数器视图，其中显示"42“在调整窗口大小后被移动到右边。
下面是计数器
浏览 0提问于2016-12-12得票数 0
2回答
jQuery固定位置可调整大小列表？
jquery、list、scroll、positioning
我制作了一个基于的drag-to-trigger_event页面。
我在屏幕中央显示图像列表，有时页面大于窗口大小，所以我必须使用‘position: for’使其始终显示在屏幕的中心。我做了一个调整，不是在将鼠标悬停在图标上后显示简单的工具提示，而是显示一个选项列表，并在将其放到一个选项上后引起不同的
浏览 3提问于2012-03-27得票数 0
回答已采纳
3回答
在Google中，getBoundingClientRect给出了IE中未指定的错误
google-maps、google-maps-api-3、internet-explorer-8、google-maps-markers
与问题有关的：
浏览 2提问于2013-10-09得票数 2
1回答
页面底部的Google Chrome & FB Like按钮
google-chrome、resize、facebook-like、developer-tools、css
我遇到了一个奇怪的问题。我在页面的底部有一个facebook按钮。点击后，facebook的“评论/分享”框就会弹出来。这种行为在FF和IE下是正确的，但在Chrome中不是，在Chrome中，框被页面底部剪切。换句话说，页面的大小不会像在FF和IE下那样调整。页面有一个min-height和max-height，容器有一个overflow:visibl
浏览 0提问于2013-04-04得票数 1
7回答
引导工具提示在初始悬停时处于错误位置，然后处于正确位置
html、css、twitter-bootstrap、tooltip
我正在使用网页上div上的twitter引导程序的工具提示。工具提示被初始化，但在第一次悬停时，它处于错误的位置；但是，在随后的悬停中，工具提示处于正确的位置。title="Tooltip on left">
在第一个悬停点上显示工具提示的<
浏览 0提问于2017-01-11得票数 14
回答已采纳
1回答
Javascript模拟一个小窗口调整大小事件
javascript、jquery、html
首先，我要说，我的问题的答案很可能不是解决我的问题的最理想的办法，但在我看来，它似乎是最快的解决办法。在稍后阶段，我可能会重新讨论这个问题，并妥善解决它。我有一个带有YADFC插件的Datatable，它的行为很奇怪。在刷新页面时，标题不对齐，列如下所示：如果我调整了窗口的大小，即使以最小的
浏览 4提问于2017-02-02得票数 2
回答已采纳
2回答
CSS响应:调整窗口与响应Chrome的大小
css、responsive-design
这是我的问题。这有点基本，但真的让我很生气。我制作了一个响应性网页，当手动调整窗口大小时，它看起来真的很棒，但是当使用内置在chrome中的响应工具时，它看起来就不那么好了。因此，我决定根据谷歌Chrome响应工具的外观进行设计，但现在手动调整窗口大小时，它看起来很糟糕。 }
使用铬响应<
浏览 3提问于2016-07-05得票数 3
回答已采纳
2回答
检测iFrame JS中的滚动条
javascript、jquery、html、iframe
我的网页有一个嵌入的iFrame，它在我的网页中使用第三方工具，这意味着来自iFrame的网址来自不同的位置。我需要在调整页面大小时检测iFrame窗口中滚动条的显示，然后在检测到滚动条后执行任务。这个是可能的吗？
非常感谢！
浏览 2提问于2013-04-03得票数 4
1回答
工具提示中的jQuery滚动条仅在窗口调整大小时正确加载，每次激活内容都会重新加载。
javascript、jquery
我在jQuery工具提示中使用自定义的jQuery滚动条。我试着在小提琴中复制这个以显示，但是小提琴对于非动态内容很好： 小提琴仍然会显示我正在使用的内容。>
<
浏览 2提问于2012-04-27得票数 1
1回答
当滚动过去时，粘稠的子导航在调整大小时中断。
jquery、css
我有一个主标题是固定在顶部和我有一个子导航(在真正的网站是为锚链接在页面中)，这是固定在窗口底部。然后我有一个英雄形象，即窗口的高度减去标题的高度，减去子导航的高度。当用户滚动通过底部的子导航时，它就会在主导航之后坚持到顶部。现在一切都进行得很顺利。
下面是它在正在开发中的站点上的工作方式的摘录版本：。然而，有一个错误是，当窗口调整大小<
浏览 1提问于2015-08-05得票数 1
回答已采纳
1回答
Jquery滚动条问题-调整窗口大小或打开Firebug解决
javascript、jquery、html、css、jscrollpane
我有一个非常奇怪的问题，我花了几个小时试图解决，但一无所获。。
浏览 1提问于2012-12-19得票数 2
2回答
滚动和定位问题:固定
javascript、jquery、html、css
我维护一个网页，当你滚动和/或跳转到页面中的链接时，这些按钮应该相对于窗口保持固定(其中一个按钮会带你到页面中的随机链接)。我这样做的位置:固定，并重新定位的元素，每当我得到回调，以滚动/调整大小/URL更改。密码在下面。100%的时候，在桌面上，当我滚动或跳转到页面</e
浏览 1提问于2018-06-24得票数 2
1回答
触发Mouseout事件取决于窗口大小
javascript、html、google-chrome、jsfiddle、mouseout
我想在3D转换的画布上画画，但Chrome中的鼠标事件有一些奇怪的问题。
这真的很奇怪，因为JSFiddle窗口大小决定了鼠标退出事件是否被正确触发。在此之前，鼠标退出事件在Fire
浏览 10提问于2021-09-08得票数 18
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
