Mam reklamę w nagłówku i stałą reklamę u dołu strony, która jest zawsze dostępna. Chcę, aby stała reklama była wyświetlana tylko wtedy, gdy użytkownik przewinął pod reklamą nagłówka. Zajrzałem do dokumentacji JQuery, ale nie jestem do końca pewien, co powinienem użyć.Przewijanie okna JQuery?
26
A
Odpowiedz
66
Spróbuj tego: http://jsbin.com/axaler/3/edit
$(function(){
$(window).scroll(function(){
var aTop = $('.ad').height();
if($(this).scrollTop()>=aTop){
alert('header just passed.');
// instead of alert you can use to show your ad
// something like $('#footAd').slideup();
}
});
});
13
Zobacz jQuery.scroll(). Możesz powiązać to z elementem okna, aby uzyskać pożądany hak zdarzeń.
Na zwoju, a następnie po prostu sprawdzić swoją pozycję przewijania:
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
if (scrollTop > $(headerElem).offset().top) {
// display add
}
});
0
sprawdzić, czy użytkownik ma przewijane obok nagłówka reklamy, a następnie wyświetlać reklamy stopki.
if($(your header ad).position().top < 0) { $(your footer ad).show() }
mam rację w tym, co szukasz?
Powiązane problemy
- 1. Przewijanie w pionie jQuery
- 2. Okno przesuwania okna przeglądarki WPF Przewijanie ekranu?
- 3. Jquery, Jcarousel gładkie nieskończone przewijanie
- 4. Przenoszenie interfejsu jQuery UI i przewijanie strony
- 5. Jquery zapobiec zamykaniu okna
- 6. jquery dołączyć do okna
- 7. Okno dialogowe modulacji jQuery UI powinno zostać naprawione na przewijanie
- 8. Przewijanie xaml - Wyłącz przewijanie/efekt gumki/efekt snapback/odbijanie całego okna
- 9. Prevent location.hash w iframe przewijanie okna nadrzędnego w Chrome
- 10. Jak wykrywać poziome przewijanie w jQuery?
- 11. jQuery - jak traktować przewijanie jako pojedyncze wydarzenie?
- 12. jQuery Płynne przewijanie na wczytywania strony
- 13. jQuery fadeIn fadeOut powoduje przewijanie strony
- 14. Przewijanie elementu div za pomocą jQuery
- 15. jQuery przewijanie tekstu z boku na bok
- 16. jQuery Przewijanie w poziomie (kliknij i animuj)
- 17. jquery ui przeciągane przewijanie wewnątrz kontenera
- 18. jQuery auto przewijanie div Up & down
- 19. jQuery scrollTop, przewijanie do div z identyfikatorem?
- 20. Dołącz przewijanie do elementu w jQuery
- 21. Chrome 61 przewijanie jQuery już nie działa
- 22. jQuery później niż obciążenie okna
- 23. Dynamiczne zmienianie rozmiaru okna JQuery
- 24. płynne przewijanie/przewijanie inercyjne/przewijanie impulsu
- 25. Zmiana modalnego okna/efektu/nakładki okna jquery-ui
- 26. jQuery UI rozmiar okna resizable zmiana rozmiaru okna pożaru
- 27. przewijanie strony internetowej:
- 28. jQuery - przewijanie w dół co x sekund, a następnie przewijanie do góry
- 29. Przekierowanie okna dialogowego jquery ui na zamknięcie
- 30. javascript/jquery: jak uzyskać wewnętrzną wysokość okna?
można umieścić jsFiddle na przykład? – Halcyon