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

2015-10-10 18:06:09 +08:00
 zhiyul

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

demo: http://weatherstar.me/jPopuptip/
github: https://github.com/zhiyul/jPopuptip

3248 次点击
所在节点    JavaScript
8 条回复
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
@zhiyul 没有变化。。。
zhiyul
2015-10-12 17:23:33 +08:00
@XianZaiZhuCe 保持 tip 窗口始终全部显示在当前页面视口 你可以缩小窗口 看看边缘位置的 tooltip 的位置变化

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/226982

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX