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

Artем,
Движение с определенной позиции справа налево с затуханием
<!DOCTYPE html>
<html>
<head>
    <style>
        .scroller 
        { position:fixed;
          top:10px;
          right:100px;
          width:50px;
          height:50px;
          background-color:red
            }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var element = $('#back-top');
             $(window).scroll(function () {
                element.css('right',100 +  $(this).scrollTop() * (window.innerWidth - 200) / $("#container").height() + "px");
                element.css('opacity', 1 - $(this).scrollTop() / $("#container").height());
            });
        });
</script></head>
<body>
   <div id="container" style="position:absolute;width:100%;height:1500px"></div>
   <div id="back-top" class="scroller"></div>
</body>
</html>

Последний раз редактировалось Dilettante_Pro, 12.07.2016 в 14:59.
Ответить с цитированием