Прокрутка фона

Тема в разделе "JavaScript", создана пользователем Dark Wizard, 26 июн 2014.

Модераторы: ZiX
  1. Dark Wizard

    Dark Wizard

    Регистр.:
    23 сен 2007
    Сообщения:
    153
    Симпатии:
    76
    Есть блок 1000 на 200, с фоновой картинкой. Картинка высотой 800. Как сделать автоматическую плавную прокрутку картинки вверх-вниз (с одной скоростью)? Метод animate вроде не работает для background-position.

    Код:
    <style>
    #slider{
    width: 200px;
    height: 200px;
    display: block;
    background: url('slider1.jpg') top center;
    overflow: hidden;
    }
    </style>
    
    <div id="slider"></div>
    Никто не знает?
     
    Последнее редактирование модератором: 1 июл 2014
  2. MadChild

    MadChild Постоялец

    Регистр.:
    23 янв 2013
    Сообщения:
    72
    Симпатии:
    5
    А использование overflow-y:scroll; не подойдет?
     
  3. dnik

    dnik Писатель

    Регистр.:
    7 июл 2014
    Сообщения:
    2
    Симпатии:
    0
    Сделать 2 Diva
    1 контейнер
    overflow:hidden;
    width: 200px;
    height: 200px;
    Второй ваш нужный.
    position:absolute;
    width:размер картинки ;
    height: размер картинки
    По прокрутке заменять у вашего top
    <div id="container">
    <div id="slider"></div>
    </div>