Javascript-форум - Вставить div в javascript

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Вставить div в javascript (https://javascript.ru/forum/misc/48031-vstavit-div-v-javascript.html)

Цитата:

Сообщение от Erolast (Сообщение 316879)

А... scrollTopMax не везде поддерживается, походу.
А так?

<!DOCTYPE HTML>
<html>
<head> </head>
<body>
  <script>
  function scroll_into_bottom(element, step, delay) {
    if (element.scrollTop >= (element.scrollHeight - element.clientHeight)) return;
    if (step == undefined) step = 10;
    if (delay == undefined) delay = 10;
    element.scrollTop += step;
    setTimeout(function(){scroll_into_bottom(element, step, delay)}, delay);
  }
  </script>
     
  <div id="mydiv" style="height: 100px; overflow-y: scroll; background-color: blue;">
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
  </div>
  <button onclick="scroll_into_bottom(document.getElementById('mydiv'))">Scroll into bottom!</button>
</body>
</html>

И не выйдет. Я тебе привел пример, как надо. Нажми на кнопку "посмотреть".

вышло спасибо. но как мне выше указанный код заставить видеть div ? чтоб при нажатии на кноку он опускался постоянно ,а при нажатии на другую останавливался. Подскажите пожалуйста.

Цитата:

форум говорит ошибка

Хз, код вроде как валидный полностью, форум тупит походу)
http://learn.javascript.ru/play/sifMtc

Цитата:

Сообщение от рони (Сообщение 316880)

yapka,
:-? что должна сделать ваша функция и причём в ней див?

Должна при нажатии на кнопку опускать постоянно div , а другая кнопка останавливать

Вот остановка:

function stopScroll() {
        clearTimeout(scrolldelay);
}



<a href="javascript:stopScroll()"></a>

Цитата:

вышло спасибо. но как мне выше указанный код заставить видеть div ?

Передавай первым аргументом ссылку на див. Неужели непонятно по коду? В твоем случае

<a href="javascript:pageScroll(document.getElementById('left'))"> </a>

Цитата:

чтоб при нажатии на кноку он опускался постоянно ,а при нажатии на другую останавливался.
Должна при нажатии на кнопку опускать постоянно div , а другая кнопка останавливать

Тогда так:

<!DOCTYPE HTML>
<html>
<head> </head>
<body>
  <script>
  function scroll_into_bottom(element, step, delay) {
    if (step == undefined) step = 10;
    if (delay == undefined) delay = 10;
    element.scrollTop += step;
    window.scroll_timeout = setTimeout(function(){scroll_into_bottom(element, step, delay)}, delay);
  }
  </script>
      
  <div id="mydiv" style="height: 100px; overflow-y: scroll; background-color: blue;">
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
  </div>
  <button onclick="scroll_into_bottom(document.getElementById('mydiv'))">Scroll into bottom!</button>
  <button onclick="clearTimeout(scroll_timeout)">Stop scrolling!</button>
</body>
</html>

Цитата:

Сообщение от Erolast (Сообщение 316886)

Передавай первым аргументом ссылку на див. Неужели непонятно по коду? В твоем случае

<a href="javascript:pageScroll(document.getElementById('left'))"> </a>

Тогда так:

<!DOCTYPE HTML>
<html>
<head> </head>
<body>
  <script>
  function scroll_into_bottom(element, step, delay) {
    if (step == undefined) step = 10;
    if (delay == undefined) delay = 10;
    element.scrollTop += step;
    window.scroll_timeout = setTimeout(function(){scroll_into_bottom(element, step, delay)}, delay);
  }
  </script>
      
  <div id="mydiv" style="height: 100px; overflow-y: scroll; background-color: blue;">
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
  </div>
  <button onclick="scroll_into_bottom(document.getElementById('mydiv'))">Scroll into bottom!</button>
  <button onclick="clearTimeout(scroll_timeout)">Stop scrolling!</button>
</body>
</html>

Спасибо тебе . Все как хотел получилось. Не все понятно , только начал изучать javascript. Еще раз спасибо тебе добрый человек ):victory: