Eredmény: 1 - 4 (4) összesen

Téma: Sticky scroller CSS hiba

  1. #1
    búgócsiga Akka logója
    Csatlakozott
    10-05-06
    Hozzászólás
    3.819
    Begyűjtött 1.426 köszönetet
    730 hozzászólásával

    Alapbeállítás Sticky scroller CSS hiba

    Sticky scroller bannert üzemeltem be egy WP oldalon (localhost, így url-t nem tudok mutatni sajnos), de a benne megadott banner háttérszíne Chrome-ban, és Operában csak akkor jelenik meg, ha a banner már fix pozícióba került, azaz amíg meg nem áll a "fixed" pozícióban, addig nem. FF-ban már előbb, scrollozás indításakor jelenik meg a banner háttérszíne körben, de egyből ott sem.
    Mi lehet a gond?
    A kód ez, az instrukciók szerint a headerben kellett elhelyezni. Funkcionálisan tökéletesen megy, de háttérszín nem töltődik be egyből.

    <script>
    $(document).ready(function() {
    function isScrolledTo(elem) {
    var docViewTop = $(window).scrollTop(); //num of pixels hidden above current screen
    var docViewBottom = docViewTop + $(window).height();
    var elemTop = $(elem).offset().top; //num of pixels above the elem
    var elemBottom = elemTop + $(elem).height();
    return ((elemTop <= docViewTop));
    }
    var catcher = $('#text-4'); //ez a nem fixed utolsó pozíció ID-je
    var sticky = $('#text-3'); //ez a fixed pozíció ID-je
    $(window).scroll(function() {
    if(isScrolledTo(sticky)) {
    sticky.css('position','fixed');
    sticky.css('top','70px');
    sticky.css('background-color','#0085A3');
    }
    var stopHeight = catcher.offset().top + catcher.height();
    if ( stopHeight > sticky.offset().top) {
    sticky.css('position','absolute');
    sticky.css('top',stopHeight);
    sticky.css('background-color','#0085A3');
    sticky.css('z-index','0');
    });
    });
    </script>
    Mi lehet a baj?


    Utoljára módosítva: Akka által : 2012-03-17 21:34 Oka: Elírtam valamit..

  2. #2
    Bölcs benedictus logója
    Csatlakozott
    10-04-23
    Hozzászólás
    1.574
    Begyűjtött 2 köszönetet
    2 hozzászólásával

    Alapbeállítás re: Sticky scroller CSS hiba

    var sticky = $('#text-3');

    után ez következzen:

    sticky.css('background-color','#0085A3');

    A többi részen ahol szerepel, valószínűleg törölhető.


    Linkeld.be Linkmegosztó
    Indexeld.be - Linkgyűjtemény prémium funkciókkal!

  3. #3
    búgócsiga Akka logója
    Csatlakozott
    10-05-06
    Hozzászólás
    3.819
    Begyűjtött 1.426 köszönetet
    730 hozzászólásával

    Alapbeállítás re: Sticky scroller CSS hiba

    Zsíííííííííír
    Köszi szépen....



  4. #4
    Bölcs lauda logója
    Csatlakozott
    09-02-23
    Hely
    Salgótarján
    Hozzászólás
    501
    Begyűjtött 12 köszönetet
    9 hozzászólásával

    Alapbeállítás re: Sticky scroller CSS hiba

    megpeccseltétek a scrollert



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •