Полет шмеля при прокрутке сайта css+javascript: как вместо hoover сделать onscroll? - Mastertalk
Полет шмеля при прокрутке сайта css+javascript: как вместо hoover сделать onscroll?
  • Доброго времени суток!

    Горизонтальный сайт,  отрисовка в векторе,  размеры в %

    body {
    width:600%;
    height:100%;
    }

    При прокрутке шмель должен присаживаться на цветы: div со шмелём left:15% двигаться вертикально между top:20% и top:70%


    Так взлетает на CSS при наведении курсора,  как сделать onscroll?

    <head>
    <meta charset="UTF-8">
    <title>Shmel</title>
    <style>
    .object {
    position: absolute;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    }
    .shmel {
    top: 70%;
    left: 15%;
    }
    #sh:hover .move-up {
    transform: translate(0,-350px);
    -webkit-transform: translate(0,-350px);
    -o-transform: translate(0,-350px);
    -moz-transform: translate(0,-350px);
    }
    </style>

    <script type="text/javascript">
    function polet(id)
    {
    document.getElementById(id).className = 'object shmel move-up';
    }
    </script>
    </head>

    <body>

    <div id="sh">
    <img class="object shmel move-up" src="images/shmel.png">
    </div>

    </body>

Привет, незнакомец!

Похоже, Вы новенький! Чтобы начать обсуждение, кликните на одну из кнопок ниже ;)

Войти с помощью OpenID

Категории

Тэги темы