Witam
W HTMLu mam prostacki kod:
<div id="kontener_right">
<div class="floating_banner"><img src="images/strona/reklama.png"></a></div>
<div class="smartBannerIdentifier"></div>
</div>
W JavaScripcie równie prostą funkcję:
$(window).scroll(function(){
if ($(window).scrollTop() > $(".smartBannerIdentifier").offset({ scroll: false }).top){
$(".floating_banner").css("position", "fixed");
$(".floating_banner").css("top", "0");
}
if ($(window).scrollTop() <= $(".smartBannerIdentifier").offset({ scroll: false }).top){
$(".floating_banner").css("position", "relative");
$(".floating_banner").css("top", $(".smartBannerIdentifier").offset());
}
});
Kod ten sprawia, że jak przewijamy stronę w dół to div floating_banner też zjeżdża w dół i ciągle jest widoczny (tzw. winda). Wszystko działa, ale pod IE (dodam, że mam wersję 7.0, innych nie sprawdzałem) się wywala i nie dzieje się nic. Bruździ ostatnia linijka, czyli $(".floating_banner").css("top", $(".smartBannerIdentifier").offset());