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

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

04.04.2012, 02:10. Просмотров 1168. Ответов 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
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
04.04.2012, 02:10
Ответы с готовыми решениями:

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

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

Слайд блоки
Всем добрый вечер, решил на своём сайте реализовать слайд шоу как показано на примере тут...

Слайд-шоу
Требуется помощь. При нажатии на картинку(ссылку) открывался слайд-шоу. И чтобы все это дело было...

Слайд-шоу
Ребят, требуется помощь. Изучаю самостоятельно javascript, так вот,как мне реализовать это в...

1
Daredevi1
309 / 301 / 78
Регистрация: 09.05.2009
Сообщений: 723
04.04.2012, 10:42 2
Javascript
1
2
3
4
5
$(window).scroll(function(){
    $('ul.nabor').animate({
        top: '-='+$('ul.nabor li').height()
    },1000); 
});
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
04.04.2012, 10:42

Слайд шоу
Здравствуйте!!! Подскажите слайд шоу где картинки не прописываются в html, а прописать имя...

Слайд шоу на JS
Вот код для слайд шоу: &lt;html&gt; &lt;head&gt; &lt;script type=&quot;text/javascript&quot;&gt; &lt;!-- var image1=new...

Слайд шоу, видеозаписи
Вопрос такой. Может у кого есть или кто видел небольшое слайд шоу видеозаписей на JavaScript....


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru