Показать сообщение отдельно
  #6 (permalink)  
Старый 12.08.2016, 11:57
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Greatest_Duke,
А вот решение - правда, без jQuery
<div style="position:absolute; width:100px; height:100px; border:1px solid black; overflow:scroll">
      <span>1111111111</span><br>
      <span>2222222222</span><br>
      <span>3333333333</span><br>
      <span>4444444444</span><br>
      <span>5555555555</span><br>
      <span>6666666666</span><br>
      <button onclick="insertOnTop(this);">Добавить</button>
      <span>7777777777</span><br>
  
   </div>
   <script>
       function insertOnTop(butt) {
           var newEl = document.createElement('br'),
               block = document.querySelector("div"),
               startOff = butt.getBoundingClientRect();
           block.insertBefore(newEl, block.firstChild);
           newEl = document.createElement('span');
           newEl.innerHTML = "000000000";
           block.insertBefore(newEl, block.firstChild);
           var finishOff = butt.getBoundingClientRect();
           block.scrollTop += finishOff.top - startOff.top;
       }
   </script>
Ответить с цитированием