PricingDocsAcademy
Bluesky ...
Fri, Dec 13, 9:21 AM

ScrollBar X-Axis

  • /attachments/1304936233641709568/1304936233834909766/image.png

    vanishklift

    1 month ago

    How can I have a Scrollable X-Axis with Overflow on X axis and hidden ScrollBar?
    image.png
    βœ…1
  • /attachments/1304936233641709568/1304967198569398323/IMG_1128.png

    vanishklift

    1 month ago

    I tried the scrollbar-width : none it worked but not completely, when I’m scrolling on my Phone (Chrome and Safari tested) it shows a small scrollbar
    IMG_1128.png
    IMG_1129.png
  • Tom Ireland

    1 month ago

    I think you need to add ::-webkit-scrollbar {display: none;}` for Safari and Chrome. I think you’d need to add it via a style element though.
  • vanishklift

    1 month ago

    Thanks I’ll try! How do I add a style element ?πŸ˜…
  • Tom Ireland

    1 month ago

    Just choose "Add element" or press e on your keyboard in the editor and search for style. πŸ™‚
    ❀️1
  • vanishklift

    1 month ago

    okey thank you!!
  • vanishklift

    1 month ago

    I tried it but it didn’t work, I putted the style element in the list (ul) element was that right?
  • vanishklift

    1 month ago

    IT WORKED THANK YOU
    πŸ™Œ1
  • Tod

    1 month ago

    Great energy @vanishklift! Your continuous contribution to the toddle Community just made you advance to Community Level 3!
  • Laetitia | Pinshasa

    14 days ago

    Hi guys!
    Could you explain it step by step?
    As I tried naturally with the css editor (webkit etc) of the element, but didn't work
    OUPS, I understand, now πŸ™ƒ : it's not in the CSS editor, but an actual element (called Style) to insert inside the div.
    Thanks !

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code β€” but accessible to your entire team!

Try toddle β€” it's free!

Β© Copyright 2024 toddle. All rights reserved.