我想制作一个工具提示div,当该元素获得焦点时,它出现在某个输入元素旁边并且顶部对齐:如何在浏览器窗口的边缘保留一个框?
bla bla blah
____________ ___________________
| this | [_button____clicked_]
| appears |
| on side | body content dafjsd fdjskf sdf
|____________| content djsfs df skfjs daskf kdf s
text texty djkf jsk fdjfs
texty hehe blabla ajdfskfsd
我可以用绝对定位来做到这一点。但是我不希望所有的工具提示在没有滚动的情况下可见,所以如果输入框恰好位于窗口的底部,工具提示应该调整为保持在视图中:
content djsfs df skfjs daskf kdf s
text texty djkf jsk fdjfs
texty hehe blabla ajdfskfsd
____________ bla bla blah
| this | ___________________
| appears | [_button____clicked_]
| on side |
|____________| edge of broswer window vvv
------------------------------------------------------------
也就是说,当用户上下滚动时,工具提示应尽可能靠近其正确位置,同时保持在窗口内。