Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.06.2015, 15:26
Профессор
Отправить личное сообщение для Teamur Посмотреть профиль Найти все сообщения от Teamur
 
Регистрация: 08.06.2015
Сообщений: 206

Как изменить этот скрипт, чтобы прокрутка выполнялась в конец страницы?
Здравствуйте, уважаемые форумчане!

Кнопка:
<div onclick="up()">НАВЕРХ</div>

Скрипт плавной прокрутки к началу страницы с замедлением:

function up() {
var top = Math.max(document.body.scrollTop,document.document Element.scrollTop);
if(top > 0) {
window.scrollBy(0,((top+100)/-10));
t = setTimeout('up()',20);
} else clearTimeout(t);
return false;
}

Как изменить этот скрипт, чтобы прокрутка выполнялась в конец страницы?
Ответить с цитированием
  #2 (permalink)  
Старый 28.06.2015, 21:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,078

кнопки вверх вниз анимация прокрутки страницы плавный скролинг
Teamur,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  body{
    height: 1500px;
    position: relative;
  }
  .up{
     position: absolute; top: 100%;
  }
   div{
     cursor: pointer;
   }

  </style>
  <script>


function animateScroll(dn) {
    var scrollHeight = Math.max(
            document.body.scrollHeight, document.documentElement.scrollHeight,
            document.body.offsetHeight, document.documentElement.offsetHeight,
            document.body.clientHeight, document.documentElement.clientHeight
        ),
        maxScroll = scrollHeight - document.documentElement.clientHeight,
        from = window.pageYOffset || document.documentElement.scrollTop,
        to = dn ? maxScroll : 0,
        duration = 1000,//время прокрутки
        start = new Date().getTime();

    function delta(progress) {
        return progress;
    }
    setTimeout(function t() {
        var now = (new Date().getTime()) - start;
        var progress = now / duration;
        var result = (to - from) * delta(progress) + from;
        if (progress > 1) result = to;
        window.scrollTo(0, result);
        if (progress < 1)
            setTimeout(t, 10);
    }, 10);

}


 </script>
</head>

<body>
<div onclick="animateScroll(true)">ВНИЗ</div>
<div onclick="animateScroll()"  class="up">ВВЕРХ</div>
</body>

</html>
Ответить с цитированием
  #3 (permalink)  
Старый 29.06.2015, 18:27
Профессор
Отправить личное сообщение для Teamur Посмотреть профиль Найти все сообщения от Teamur
 
Регистрация: 08.06.2015
Сообщений: 206

Спасибо! Всего доброго!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как привязать ссылку с Html страницы на вынесенный в отдельную папку js скрипт? TIIIMOXAN Общие вопросы Javascript 2 09.11.2009 19:23
Подскажите как селать в отдельном файле ява скрипт с вызовом со страницы... alexmetalin Ваши сайты и скрипты 6 22.10.2009 15:21
Как изменить скрипт, что бы им его можно было использовать для нужной страницы Nick50_70 Общие вопросы Javascript 0 28.04.2009 23:30
Скрипт улетает в конец страницы sms4file Общие вопросы Javascript 3 25.01.2009 16:19
А как зделать скрипт, чтобы например скрипт 1 заменялся скриптом 2? yura371 Общие вопросы Javascript 3 06.01.2009 22:40