Показать сообщение отдельно
  #3 (permalink)  
Старый 20.07.2014, 19:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,080

Плавный или сразу скролинг 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>
Ответить с цитированием