CSS: overflow-y:滚动；overflow-x:可见
CSS: overflow-y:滚动；overflow-x:可见
提问于 2012-04-10 05:54:28
请参阅以下帖子，以获取突出显示我的问题和潜在解决方案的图片：
CSS overflow-y:visible, overflow-x:scroll
但是，当您实际移动滚动条时，此策略会中断。在建议的实现(position: fixed;)中，工具提示显示在子div旁边的预滚动位置。因此，当您将新的child-div滚动到视图中时，工具提示开始从页面底部脱落。
在这里可以看到这个bug的演示：http://jsfiddle.net/narcV/4/
你知道如何让工具提示一直显示在子div的旁边吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-04-11 18:19:41
我最终使用javascript实现了这一点，使用了this question中的getPos函数。
最终产品如下所示：
var scrollPanel = ...;
var tooltip = ...;
function nodeHovered(e) {
var hovered = e.srcElement;
var pos = getPos(hovered);
pos.x += hovered.offsetWidth;
pos.y -= scrollPanel.scrollTop;
tooltip.style.setProperty('left', pos.x);
tooltip.style.setProperty('top', pos.y);
}基本上，我计算节点当前在页面上的显示位置(考虑到滚动条位置)，并手动将工具提示放在页面上的正确位置。
遗憾的是，没有优雅的/CSS方法可以做到这一点，但至少这是有效的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10083765
复制相关文章
相似问题
Laravel -创建具有belongsTo关系的对象
创建具有belongsTo关系的记录时出错- Ember.js
模型创建后BelongsTo关系中的意外行为
成员和帆创建/保存关系(BelongsTo/HasMany)
无法创建包含belongsTo关系的grails条件查询
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
