Нужно прокрутить teaxtarea вниз до конца
В поле teaxtarea вставляется большой кусок текста, курсор устанавливается в конец текста, но в поле teaxtarea отображается начало текста, а не его конец. Курсора, соответственно, не видно.
как прокрутить текст вниз? ЗЫ если начать печатать, то текст прокручивается ) |
Цитата:
|
Плавный или сразу скролинг teaxtarea вниз после вставки
pashin76,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
window.onload = function () {
function d() {
if (a.scrollTop < a.scrollHeight - a.clientHeight) a.scrollTop += 4, requestAnimationFrame(d); // a.scrollTop = a.scrollHeight - a.clientHeight перемещение сразу
else {
var b = a.value.length;
if (a.setSelectionRange) a.setSelectionRange(b, b);
else if (a.createTextRange) {
var c = a.createTextRange();
c.collapse(!0);
c.moveEnd("character", b);
c.moveStart("character", b);
c.select()
}
a.focus()
}
}
var a = document.querySelector("#text");
a.value += Array(20).join("qwerty\n");
a.onpaste = d;
d()
};
</script>
</head>
<body>
<textarea id="text" name="text" cols="20" rows="5"></textarea>
</body>
</html>
|
Цитата:
$("#text").val(data + "\n");
|
pashin76,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var t = $("#text"),data = Array(20).join("qwerty\n");
t.val(data + "\n").animate({scrollTop : t[0].scrollHeight - t[0].clientHeight},1500)
});
</script>
</head>
<body>
<textarea id="text" name="text" cols="20" rows="5"></textarea>
</body>
</html>
|
Супер, то что нужно
Спасибо огромное |
| Часовой пояс GMT +3, время: 07:35. |