Jquery помогите реализовать скрипт

Baracuda

Постоялец
Регистрация
31 Дек 2007
Сообщения
85
Реакции
4
Есть такая вот задача, нужно сделать её максимально кроссбразуерной для: IE7-9, FF3.5 - 4 ну и т.д.

Задача состоит в следующем:
1. Есть фиксированный блок прижатый к подвалу, при скролле он скроллится, как положено.
2. Когда блок достиг футера всей области контента он должен исчезать.

Вот мой скрипт:
HTML:
	/* Atention script */
	$('#atention').stop(true, true).fadeOut(0);
	var atentionDuration = 2000; 
	var atentionDuration = 1000; 
	if($(document).scrollTop()==0)
		$('#atention').fadeIn(atentionDuration);
	$(document).scroll(function(ev){
		if(($(document).height() - $(window).height() - $(document).scrollTop()) <= 116)
			$('#atention').stop(true, true).fadeOut(0);
		else
			$('#atention').fadeIn(atentionDuration);
	});

Вот структурка подвала html
HTML:
		<!-- start footer -->
		<div id="footer" class="beer">
			<h6>чрезмерное употребление алкоголя вредит здоровью</h6>
			<ul>
				<li><a href="#">Конфиденциальность</a></li>
				<li><a href="#">Правовая информация</a></li>
				<li><a href="#">Антиспам</a></li>
				<li><a href="#">Правила поведения</a></li>
			</ul>
			<p class="copyrights">© 2010 <img src="img/logo2.png" alt="" /></p>
			
			
		</div>
		<div class="decor1"></div>
			<div class="decor2"></div>
		<!-- end footer -->
		
	</div>
	<!-- end mainarea -->
	<div id="atention"></div>


Мой скрипт пашет норм, но есть приколы в IE7 и IE8 (не исчезает при достижении подвала)
 
Чтож вы хотите? Кроссбраузерность не в моде)))Проблема в том, что значения окна и документа в разных браузерах разное!
 
попробуй переделать вот это, вроде бы по-твоему описанию подходит

 
Назад
Сверху