Tani hosting

Reklama statyczna > Ruch reklamy > Jak ją zatrzymać?
veq Offline
Donator TenTego 2.x

Liczba postów: 87
Reputacja: 5
Post: #1
Reklama statyczna > Ruch reklamy > Jak ją zatrzymać? 16-01-2015 10:13
Witam,

Mam boxy reklamowe, które są Xpx od góry, przy przewijaniu zaczynają się przesuwać ze stroną (podczepiając się) - jak je zatrzymać w odpowiedniej przerwie od dołu strony, żeby nie nachodziły mi na footer?

Z góry dzięki za pomoc.

[Obrazek: podpis.png]

[Obrazek: webion.png]
WWW Cytuj
Diabeł Online
Użyszkodnik


Liczba postów: 777
Reputacja: 666
klocek Offline
Administrator

Liczba postów: 3,052
Reputacja: 316
Post: #2
RE: Reklama statyczna > Ruch reklamy > Jak ją zatrzymać? 16-01-2015 10:17
Wystarczy zmierzyć odległość reklamy od stopki i zatrzymać przesuwanie w jQuery.
WWW Cytuj
veq Offline
Donator TenTego 2.x

Liczba postów: 87
Reputacja: 5
Post: #3
RE: Reklama statyczna > Ruch reklamy > Jak ją zatrzymać? 16-01-2015 10:25
(16-01-2015 10:17)klocek napisał(a):  Wystarczy zmierzyć odległość reklamy od stopki i zatrzymać przesuwanie w jQuery.

No, ale jak to zrobić?

Na tej zasadzie działa u mnie podczepianie się reklamy:

Kod PHP:
<script type="text/javascript">
$(
document).scroll(function() {
    if($(
window).scrollTop()>100) {
        $(
'.1').addClass('2');
    }
    else {
        $(
'.1').removeClass('2');
    }
});
</script> 

[Obrazek: podpis.png]

[Obrazek: webion.png]
WWW Cytuj
Quik Offline
Administrator

Liczba postów: 741
Reputacja: 85
Post: #4
RE: Reklama statyczna > Ruch reklamy > Jak ją zatrzymać? 16-01-2015 12:21
Nie testowałem więc może coś nie działać ale chyba logika mnie nie zawodzi:
Kod PHP:
<script type="text/javascript">
$(
document).scroll(function() {
    if($(
window).scrollTop()>100) {
        var 
footerOffsetTop = $('.footer').offset().top// offset stopki od początku dokumentu
        
var adDiv = $('.ad');
        var 
adOffset = $(window).scrollTop() + adDiv.height(); // Offset widocznego dokumentu + wysokość reklamy
        
var margin 10;
        
        if(
adOffset margin footerOffsetTop// Jeżeli offset dokumentu i wysokość reklamy + jakiś tam margines jest większy niż offset stopki to zatrzymaj nad stopką
        
{
            
// Tutaj kod zatrzymujący reklamę nad stopką
        
}
        else
            $(
'.1').addClass('2');
    }
    else {
        $(
'.1').removeClass('2');
    }
});
</script> 

Pomogliśmy? Uszanuj to i nie usuwaj stopki!
(Ten post był ostatnio modyfikowany: 16-01-2015 12:22 przez Quik.)
WWW Cytuj


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości