- Автор темы
- #1
Есть такая вот задача, нужно сделать её максимально кроссбразуерной для: IE7-9, FF3.5 - 4 ну и т.д.
Задача состоит в следующем:
1. Есть фиксированный блок прижатый к подвалу, при скролле он скроллится, как положено.
2. Когда блок достиг футера всей области контента он должен исчезать.
Вот мой скрипт:
	
	
	
		
Вот структурка подвала html
	
	
	
		
Мой скрипт пашет норм, но есть приколы в IE7 и IE8 (не исчезает при достижении подвала)
	
		
			
		
		
	
				
			Задача состоит в следующем:
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 (не исчезает при достижении подвала)
 
				 
 
		