Я использую эту кодировку jQuery Tokeninput (http://loopj.com/jquery-tokeninput/). Когда выделенных элементов слишком много, трудно перемещаться вверх и вниз по текстовому полю, поскольку полоса прокрутки отсутствует. Я пытался использовать CSS длясделать поле прокручиваемым, но при перетаскивании выбранного результата полоса прокрутки не будет перемещаться вверх и вниз.
$(document).ready(function() {
function tokenInput(id) {
$("#" + id).tokenInput("<?php echo base_url();?>index.php/ajax/ajax_user", {
method: "POST",
theme: "facebook",
preventDuplicates: true,
excludeCurrent: true,
hintText: "Taip Nama Penerima",
noResultsText: "Tiada Rekod",
searchingText: "Carian...",
makeSortable: true
});
}
tokenInput('tokenize');
tokenInput('tokenize_copy');
});
/*CSS overflow to make div scrollable*/
div.overflow {
overflow: hidden;
height: auto;
max-height: 500px;
overflow-y: auto;
}
<div class="overflow">
<input type="text" id="tokenize" name="receiver" />
</div>
Я ожидаю, что когда я перетаскиваю результат jquery tokeninput, чтобы отсортировать его, полоса прокрутки будет двигаться вверх и вниз, но она оставалась статичной.
Помимо использования CSS для обеспечения возможности прокрутки ввода текста, можно вместо этого поместить результат в текстовую область и, если это возможно;как мне это сделать?Поскольку плагин, который я использую, выглядит не так, как будто он может работать с текстовой областью или с редактируемым содержимым div и поддерживает только поля ввода.