V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
meta
V2EX  ›  程序员

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

  •  
  •   meta · 2013-02-03 19:18:43 +08:00 · 4275 次点击
    这是一个创建于 4311 天前的主题,其中的信息可能已经有所发展或是发生改变。
    5 条回复    1970-01-01 08:00:00 +08:00
    shiny
        1
    shiny  
       2013-02-03 19:21:18 +08:00   ❤️ 1
    这里有一个可以试试 http://ichord.github.com/At.js/
    另外还有一个 http://podio.github.com/jquery-mentions-input/ 但是对中文支持不佳。
    meta
        2
    meta  
    OP
       2013-02-03 19:25:53 +08:00
    @shiny 太感谢了,第一个正是我要找的。
    不过貌似第二个还是那种固定菜单,不能跟随文字。
    shiny
        3
    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
        4
    zythum  
       2013-02-04 01:19:15 +08:00 via iPhone   ❤️ 1
    google是个可编辑的div 要出层的时候在里面插入一个span 然后找span的定位。 微博就比较麻烦了。是textarea 会在textarea后面加个看不见的div。位置重叠在textarea后面。把textarea里面的内容写道div里面 在div里面加span 获得spen的位置
    meta
        5
    meta  
    OP
       2013-02-04 22:32:02 +08:00
    真是获益良多,谢谢楼上各位。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2753 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 11:15 · PVG 19:15 · LAX 03:15 · JFK 06:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.