Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.73/11: Рейтинг темы: голосов - 11, средняя оценка - 4.73
weboman
 Аватар для Schtrich
210 / 195 / 63
Регистрация: 13.08.2010
Сообщений: 1,531
Записей в блоге: 6

Scroll: Небольшой слайд, слайд необычный, снизу-вверх, но срабатывает только 1 раз?

04.04.2012, 02:10. Показов 2331. Ответов 1

Студворк — интернет-сервис помощи студентам
сразу jsfiddle предлагаю посмотреть: http://jsfiddle.net/Stasonix/VHC3c/5/

проблема в том что слайд происходит только 1 раз, что-то держит последующий слайд, но что именно я пока не пойму, у кого есть МЕГАМОЗГ подскажите?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="wrapper">
 
<div class='fixed'>
 
<div class="icons">ICONS</div>
 
            <div class="slider">
     <ul class="nabor">
         <li>1</li>
         <li>2</li>
         <li>3</li>         
         <li>4</li>
         <li>5</li>
     </ul>
    </div>
        
</div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
*{ margin: 0; padding: 0; }
.fixed {
 
  position: fixed; top: 2.5%; left: 3%;
  height: 95%;
  width: 95%;
  background-color: #0000CC;
}
.icons {
    position: relative;
    margin: 0 auto;
    width: 70%;
    color: white;
    background-color: #c2c2c2;
    text-align: center;
    z-index: 2;
 
}
.wrapper {
 display: block;
 height: 30000px;
 border: 2px solid purple;
}
 
.slider { position: relative; height: 100%; top: 0; }
 
.nabor { position: relative; height: 100%; }
 
.nabor li {
 height: 100%;
 background-color: yellow;
 width: 100%;
 text-align: center;
 border: 1px solid lightblue;
}
JavaScript
1
2
3
4
5
6
7
$(window).scroll(function(){
 
    $('ul.nabor').animate({
        top: -$('ul.nabor li').height()
    },1000);
    
});
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
04.04.2012, 02:10
Ответы с готовыми решениями:

Scroll срабатывает только один раз
Здравствуйте. Хочу сделать плагин эфектов при скролле страницы. Пока есть такой вот скрипт var objForAnim = { posts:...

Вставка текста в слайд Powerpoint с переносом длинного текста на новый слайд
Здравствуйте, при вставке длинного текста в форму слайда из таблицы Excel, текст начинает выходить за границы слайда и приходится потом...

Слайд шоу, переместить кнопки радио на центр в слайд шоу
Здравствуйте как переместить кнопки радио с левой стороны на цент или в право? смотрите скнин шот. Спасибо &lt;div...

1
 Аватар для Daredevi1
311 / 303 / 78
Регистрация: 09.05.2009
Сообщений: 723
04.04.2012, 10:42
JavaScript
1
2
3
4
5
$(window).scroll(function(){
    $('ul.nabor').animate({
        top: '-='+$('ul.nabor li').height()
    },1000); 
});
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
04.04.2012, 10:42
Помогаю со студенческими работами здесь

Слайд-шоу
Добрый день!! Я делаю слайд-шоу с фотографиями, видео. Работаю в Sony Vegas. По очереди ставил фотки, применял к ним эффекты и был доволен...

Слайд шоу
всем привет! делаю слайд шоу. &lt;script src=&quot;../../settings/jquery-1.8.3.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; ...

Слайд блоки
Всем добрый вечер, решил на своём сайте реализовать слайд шоу как показано на примере тут http://www.amiro.ru/samples/css3-slider , только...

Слайд шоу.
как можно организовать слайд шоу.. например у меня есть папка в каталоге с програмой, в которой есть картинки... имена типа..001, 002,...

Слайд шоу
Подскажите как загрузить на сайт слайд шоу сделаное программой photo flash maker. Получил слайд шоу в xml формате, swf формате, плюс папка...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru