Scrollbar színezgetés CSS-sel

Szerző:   |   2018-11-06

Úgy néz ki, hogy hamarosan tudunk majd egyszerű CSS-sel is egyedi scrollbart készíteni.

Videó

Videó

5 hozzászólás

  1. 2018. november 22. csütörtök - 18:55

    Hali. Már régebb óta követlek, és rengeteget tanultam a videóidból, a szakmai tudásom alapjait, és még az alapokon túli tudásom jelentős részét is tőled tanultam meg. Amikor még rád találtam, fogalmam sem volt az egészről, hogy mi hogyan működik. És azt kell mondanom, hogy ha te nem vagy és nem csinálsz oktató videókat, nem kedveltem volna meg a szakmát és most nem lenne most ilyen jó állásom, ugyanis nemrég kezdtem el egy webdesign céget vezetni angliában.

    • 2018. november 23. péntek - 22:20

      Meglesni, megtanulni, továbbadni. Ez a helyes sorrend 🙂

  2. 2018. november 7. szerda - 11:06

    Hali. Nekem van egy oldalról nyíló slidebar mobile menüm, és ez úgy van megoldva, hogy az egész tartalom canvasba van téve a menü tartalmán kívül. Viszont ezzel az a baj, hogy mobilon ha görgetem lefelé az oldalt, felül a böngészőnek a sávja nem tűnik el, mert ugye úgy érzékeli hogy csak egy oldalon belüli canvast görgetek, nem magát az oldalt, viszont az én esetemben ez a teljes tartalom. Létezik valami beállítás, amivel meg lehet ezt adni, hogy ne így érzékelje?

    • 2018. november 23. péntek - 22:38

      Érdekes felvetés, sosem foglalkoztam ezzel. Most ahogy megnéztem pár weboldalt teljesen véletlenszerűnek tűnik, hogy mikor tűnik el az address bar és amikor nem.
      Itt van hozzá némi leírás: https://developers.google.com/web/fundamentals/native-hardware/fullscreen/
      Illetve egy manifest fájlt célszerű létrehozni és a META tag-ek között behivatkozni. Abban tudsz megadni olyat, hogy display: standalone.
      Elvileg ez megoldja. Leírás itt: https://developer.mozilla.org/en-US/docs/Web/Manifest

      Amúgy, ha ezt használod: https://www.adchsm.com/slidebars/ és ezzel nem jó, akkor próbáld ki ezt a mobil menüs plugint: https://www.berriart.com/sidr/
      Utóbbit használom sok oldalnál és most megnéztem mindegyiket mobilon és eltűnik az address bar scrollozáskor 🙂

    • 2018. november 25. vasárnap - 18:36

      Köszi a választ. Igen, egyébként azt használtam, amit először küldtél, és azzal állt fent az említett probléma. Már váltottam plugint azóta, és már megoldódott.

Hozzászólás

Keresés a blogon
Kategóriák
Legújabb hozzászólások
  • WordPress sablonkészítés

    Nem vagyok programozó, de ezek nagyon alap dolgok. A WP-ben használt függvények nevei és paraméterei megtalálhatók a dokumentációban....

  • WordPress sablonkészítés

    Szia Tamás! Valahol régebben írtad, hogy te webdesigner vagy és nem webfejlesztő (ahol már kódolás kell), mégis profin vágod a php-t. pl., hogy hívju...

  • A Bootstrap 4 grid használata

    Nem tudom, én nagy projektekbe csak alvállalkozóként megyek bele ahol órabérben lehet számlázni és a fővállalkozó garantáltan fizet. De azt is csak ak...

  • WordPress sablonkészítés

    Köszönöm szépen!...

  • WordPress sablonkészítés

    add_action( 'wp_print_styles', 'remove_css', 100 ); function remove_css() { wp_dequeue_style( 'wp-block-library' ); wp_deregister_style( 'wp-b...

  • WordPress sablonkészítés

    Szia Tamás! Hogy lehet kigyakni a head-ből az új, 5.0.2-es wordpress Gutenberg CSS link-rel sorát? Ezt: Próbáltam egy csomó remove_action-t de ...

  • A Bootstrap 4 grid használata

    Az előleg hány százalék? Ha megcsinálod az egészet, és mégsem kell neki, akkor is bukod a teljes munkadíjat, nem? Vagy fázisonként fizettesz vele?...

  • Reszponzív weboldal tervezés Bootstrap használatával

    A media object-ed tudod erre használni: https://www.w3schools.com/bootstrap/bootstrap_media_objects.asp...

  • Reszponzív weboldal tervezés Bootstrap használatával

    Kedves Tamás! Nagyon szuper ez a videód is. Szeretnélek megkérdezni, hogy Bootstrap 3-ban működik-e az, hogy a dobozok szöveges tartalmát nem a doboz ...

  • HTML5 + CSS3 menü

    Ki az a Sanyi?...

  • Scrollbar színezgetés CSS-sel

    Köszi a választ. Igen, egyébként azt használtam, amit először küldtél, és azzal állt fent az említett probléma. Már váltottam plugint azóta, és már me...

  • Bootstrap carousel

    Gondolom azóta biztos megoldottad, de azért belinkelem ide a legújabb verzióját a carousel-nek: https://getbootstrap.com/docs/4.1/components/carousel/...