Scrollbar színezgetés CSS-sel

Szerző: Mérei Tamás   |   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
  • Responsive menü

    Itt a működő kód, innen másold ki: https://cyrex.hu/uploads/2014/08/responsive-menu/...

  • Responsive menü

    Szia. A kódok alapján, meg persze a videót végignézve megcsináltam a menüt. Sajnos nem úgy működik, ahogy kellene. A menü3 almenüi nem gördülnek le, ...

  • A shape-outside CSS property

    Szerintem azt sehogy....

  • A villanyszerelés örömei panelben

    Panelban ugyan az a három fázis jön be három MCU-n és nem 3fázis... Keresztmetszet növelés miatt csinálták anno......

  • A shape-outside CSS property

    Szia Jó lett a videó. De mi van akkor ha a képet a szöveg közepére szeretném tenni, és azt akarom hogy így fusson körbe a szöveg....

  • Bootstrap űrlapok

    Jó lett :) Már kezdtem aggódni hogy eltűntél vagy valami hogy ilyen sokáig nem volt videó. 2 naponta néztem az oldaladat hogy hátha.... :)...

  • A villanyszerelés örömei panelben

    Ha három fázisod van, akkor három fázisú Fi relét kell venni....

  • A villanyszerelés örömei panelben

    Szia, ha panellakásba három vezetéken jön be az egy fázis, akkor három fi relét kellene berakni?...

  • A villanyszerelés örömei panelben

    "3 vezeték jön be, fázis-nulla-föld, tehát már az óránál szétválasztották a PEN vezetéket PE-re és N-re vagy más módon, de külön vezetéken jön az N és...

  • Dia szkennelés házilag

    Ezt a fajtát nem tudom, hogy lehet még kapni. Normál diavetítőt lehet kapni nagyobb játékboltokban például....

  • Bootstrap carousel

    Ennél a réginél nem tudom, hogy volt e már ilyen opció, de az újnál már van olyan, hogy touch="true"...

  • Adobe XD VS. Lunacy

    Sketch-et nem használok, mert nincs mac-em. Axure-t használok, arról találsz anyagot az oldalon....