Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
Kayker
0 / 0 / 0
Регистрация: 22.05.2014
Сообщений: 56
#1

Добавление класса блоку при его появление в области видимости окна браузера

24.06.2015, 08:26. Просмотров 787. Ответов 1
Метки нет (Все метки)

Доброго времени суток
При прокрутке страницы необходимо добавить блоку с class="block_scroll" класс anim
Если блок на странице один, проблем нет, а если таких блоков несколько
Подскажите, как реализовать для нескольких блоков не дублируя код для каждого
Для одного блока решается так
Javascript
1
2
3
4
5
var top=$(".block_scroll").offset().top;
        var scroll_t=$(window).scrollTop();
        $(".text_top").html(scroll_t); 
         if($(window).scrollTop()+$(window).height()>=top-20){
       $('.block_scroll').animate({opacity:1},1500).addClass('anim');
Заранее благодарен

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
24.06.2015, 08:26
Ответы с готовыми решениями:

Появление модального окна при нажатии кнопки
Здравствуйте, я совсем новичёк в js - программировании, поэтому обращаюсь за...

Появление модального окна при заходе на страницу
Сейчас оно запускается кликом, помогите изменить чтобы открывалось при заходе и...

Однократное появление div окна при загрузке страницы
Добрый день) Прошу помочь мне с таким вопросом: Есть главная страница сайта на...

Обрезание текста при уменьшении окна браузера
У меня есть картинка и рядом с ней три строчки текста. При уменьшении окна...

Ре-инициализация виджета facebook при ресайзе окна браузера
Приветствую. Есть виджет блок с "кнопкой нравится" от фэйсбука. Ширина...

1
TA1ex
120 / 34 / 9
Регистрация: 12.03.2015
Сообщений: 125
25.06.2015, 11:53 #2
Это все конечно замечательно, но все ли учтено в этом коде? А если горизонтальный скролл? А если в другом бразере смотреть где позиции скроллов отличатся немного? А если пользователь свернул окно (сделал ресайз)?

Вообщем, есть готовое решение. Плагин inView для jQuery.
Просто вешаете обработчик inView на любое количество блоков с заданным классом (через метод .bind), а по схватыванию события делаете $(this).addClass('anim')
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
25.06.2015, 11:53

При закрытие окна браузера ie не срабатывает функция onUnload='showLogOffWindow()'
<html> <head> <title><%= APPLICATION_NAME %></title> <link...

Прилепающее меню - отключение при уменьшении размера окна браузера
Добрый день! Есть такой скрипт. Прикрепляет меню сайта к верхнему краю...

Как вставить определённый код в видеоплеер при уменьшении окна браузера
Здравствуйте!Ув.форумчане...извините меня,я понимаю что я только...


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

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

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