Форум

yapka · #11 (**permalink**) 17.06.2014, 11:03

Сообщение от Erolast

А... 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 ? чтоб при нажатии на кноку он опускался постоянно ,а при нажатии на другую останавливался. Подскажите пожалуйста.

Erolast · #12 (**permalink**) 17.06.2014, 11:03

Цитата:

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

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

yapka · #13 (**permalink**) 17.06.2014, 11:05

Сообщение от рони

yapka,

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

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

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

function stopScroll() {
        clearTimeout(scrolldelay);
}



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

Erolast · #14 (**permalink**) 17.06.2014, 11:09

Цитата:

вышло спасибо. но как мне выше указанный код заставить видеть 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>

yapka · #15 (**permalink**) 17.06.2014, 11:11

Сообщение от Erolast

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

<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. Еще раз спасибо тебе добрый человек )

Форум

Справочник

Discord чат

Курсы javascript