Анимация

[Solus_Rex]

В каком браузере?Для появления например так:

setTimeout(function() { $('.overdiv').fadeIn(750, 'swing'); }, 1500);

Здесь 1500 - время в миллисекундах. По прошествии этого времени функция будет выполнена. Для исчезания соответственно заменить fadeIn на fadeOut.Так наверное как-то:

var contHeight = $('.underdiv').height()/2; // если с поправкой на высоту контейнера
var hfWin = $(window).height()/2-contHeight;
var offsetCont = 0;
$(window).scroll(function(){
offsetCont = $('.underdiv').offset().top -$(window).scrollTop();
if (hfWin > offsetCont) {
$('.overdiv').fadeIn(750, 'swing');
}
else if (hfWin < offsetCont) {
$('.overdiv').fadeOut(750, 'swing');
}
});

Это если контейнер лежит где-то внизу.

А я где-то видел решение для таких фокусов с прокруткой при прохождении блока мимо какого-либо другого блока или в через 200px после начала прокрутки), не подскажете, что здесь надо изменить для этого?

 

[typus]

В каком браузере?Для появления например так:

setTimeout(function() { $('.overdiv').fadeIn(750, 'swing'); }, 1500);

Здесь 1500 - время в миллисекундах. По прошествии этого времени функция будет выполнена. Для исчезания соответственно заменить fadeIn на fadeOut.Так наверное как-то:

var contHeight = $('.underdiv').height()/2; // если с поправкой на высоту контейнера
var hfWin = $(window).height()/2-contHeight;
var offsetCont = 0;
$(window).scroll(function(){
offsetCont = $('.underdiv').offset().top -$(window).scrollTop();
if (hfWin > offsetCont) {
$('.overdiv').fadeIn(750, 'swing');
}
else if (hfWin < offsetCont) {
$('.overdiv').fadeOut(750, 'swing');
}
});

Это если контейнер лежит где-то внизу.

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

 

[Absolute]

А я где-то видел решение для таких фокусов с прокруткой при прохождении блока мимо какого-либо другого блока или в через 200px после начала прокрутки), не подскажете, что здесь надо изменить для этого?

Если например, прохождение мимо некоего фиксированного контейнера (position:fixed) с классом fixed_el, то как-то так:

var fixCont = $('.fixed_el').offset().top+$('.fixed_el').height();
var offsetCont = 0;
$(window).scroll(function(){
offsetCont = $('.underdiv').offset().top -$(window).scrollTop();
if (fixCont > offsetCont) {
$('.overdiv').fadeIn(750, 'swing');
}
else if (fixCont < offsetCont) {
$('.overdiv').fadeOut(750, 'swing');
}
});

 

[Solus_Rex]

Если например, прохождение мимо некоего фиксированного контейнера (position:fixed) с классом fixed_el, то как-то так:

var fixCont = $('.fixed_el').offset().top+$('.fixed_el').height();
var offsetCont = 0;
$(window).scroll(function(){
offsetCont = $('.underdiv').offset().top -$(window).scrollTop();
if (fixCont > offsetCont) {
$('.overdiv').fadeIn(750, 'swing');
}
else if (fixCont < offsetCont) {
$('.overdiv').fadeOut(750, 'swing');
}
});

Спасибо.
Нет, я имел ввиду мимо поименованного блока id или class.

 

[Absolute]

Нет, я имел ввиду мимо поименованного блока id или class.

Дык блок-то ваш статичен относительно прокрутки? А иначе как при скроле мимо него пройдет контейнер с классом underdiv? Или у вас несколько скролов на странице?
Скрипт выше исходит из того, что:
1. fixed_el - неподвижен относительно прокрутки.
2. fixed_el находится в области видимости окна браузера (а иначе смысл эффекта?)

 

[Solus_Rex]

Дык блок-то ваш статичен относительно прокрутки? А иначе как при скроле мимо него пройдет контейнер с классом underdiv? Или у вас несколько скролов на странице?
Скрипт выше исходит из того, что:
1. fixed_el - неподвижен относительно прокрутки.
2. fixed_el находится в области видимости окна браузера (а иначе смысл эффекта?)

Бррр... зарапортовался... сорри. Спасибо. Просто мучаю сейчас плавающий блок... Поэтому и косякнул.