- Автор темы
- #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 (не исчезает при достижении подвала)