请教各位前端达人,我看见google plus有那种auto complete菜单是可以跟随文字的位置的,例如下图这样,google了半天,找到的都是那种固定位置的菜单,想知道这个是怎么实现的呢?

2013-02-03 19:18:43 +08:00
 meta
http://bcs.duapp.com/picstore/c3AymNs93z.png

汗!我不会贴图。
4266 次点击
所在节点    程序员
5 条回复
shiny
2013-02-03 19:21:18 +08:00
这里有一个可以试试 http://ichord.github.com/At.js/
另外还有一个 http://podio.github.com/jquery-mentions-input/ 但是对中文支持不佳。
meta
2013-02-03 19:25:53 +08:00
@shiny 太感谢了,第一个正是我要找的。
不过貌似第二个还是那种固定菜单,不能跟随文字。
shiny
2013-02-03 19:29:55 +08:00
@meta 忘了说,第二个还需要结合类似这样的代码 http://www.planeart.cn/demo/textareaTools/weiboTextareaBug.html

另外淘宝的kissy里也有个差不多的功能:
http://docs.kissyui.com/docs/html/demo/component/combobox/weibo.html
zythum
2013-02-04 01:19:15 +08:00
google是个可编辑的div 要出层的时候在里面插入一个span 然后找span的定位。 微博就比较麻烦了。是textarea 会在textarea后面加个看不见的div。位置重叠在textarea后面。把textarea里面的内容写道div里面 在div里面加span 获得spen的位置
meta
2013-02-04 22:32:02 +08:00
真是获益良多,谢谢楼上各位。

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

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

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

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

© 2021 V2EX