一个纯 js 实现的自适应位置 tootip

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

这是一个创建于 3335 天前的主题，其中的信息可能已经有所发展或是发生改变。

原生 js ，不依赖任何库
兼容 IE6+
自适应位置，保持 tip 窗口始终全部显示在当前页面视口
支持 hover ， click 两种触发模式，可统一设置也可单独设置
自定义 tips 窗口尺寸，样式，与目标元素的距离等
提示框默认出现顺序优先级：右上 -> 左上 -> 右下 -> 左下

8 条回复 • 2015-10-12 17:23:33 +08:00

zhiyul

2015-10-10 18:09:41 +08:00

名字什么的没起好 - -

XianZaiZhuCe

2015-10-10 20:54:22 +08:00

『你可以滑动滚动条，查看弹出框的变化。』变化在哪儿？

mzsongyan

2015-10-10 22:34:00 +08:00

@XianZaiZhuCe 他说的变化可能是弹出会跟随移动

jprovim

2015-10-11 09:14:29 +08:00

支持!

zhiyul

2015-10-12 13:09:47 +08:00

@XianZaiZhuCe 弹出框的位置变化

zhiyul

2015-10-12 13:10:02 +08:00

@jprovim 谢谢

XianZaiZhuCe

2015-10-12 13:45:55 +08:00 via Android

@zhiyul 没有变化。。。

zhiyul

2015-10-12 17:23:33 +08:00

@XianZaiZhuCe 保持 tip 窗口始终全部显示在当前页面视口你可以缩小窗口看看边缘位置的 tooltip 的位置变化