如何在输入字段顶部移动虚拟键盘？

Question

我使用了 jquery 虚拟键盘，我想在文本字段的顶部显示键盘。我已经尝试通过位置设置。

JQuery

$('#test').keyboard({ layout: 'qwerty', usePreview: false,position: {
        // null = attach to input/textarea;
        // use $(sel) to attach elsewhere
        of: null,
        my: 'left top',
        at: 'left top',
        // used when "usePreview" is false
        at2: 'left top'
} });

HTML

<p style="height:200px" >
content
</p>
<input type="text" class="form-control" id="test" placeholder="test" autocomplete="off">

这里是演示网址http://jsfiddle.net/bhumi/rzrjw15h/1/。

我也尝试过设置位置

position : {
            of : '#searchterms',        // when null, element will default to kb.$keyboard
            my : 'top', // 'center top', (position under keyboard)
            at : 'top-200',  // 'center bottom',

        }

Answer 1

见jsfiddle

$('#test').keyboard({ layout: 'qwerty', usePreview: false,
  position: {
    my: 'center bottom',
    at: 'center bottom',
    // used when "usePreview" is false
    at2: 'center top'
  }
});

Answer 2

Working Fiddle

试试：

$('#test').keyboard({
  layout: 'qwerty',
  usePreview: false,
  position: {
    of: null,
    at2: 'top-100'
  }
});