xF1 Make Xenforo drop down .Menu content scrolling buttery smooth on touch devices

  • Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Radio

    ven0m

    Administrator
    Staff member
    Administrator
    Moderator
    Platinum
    xenForo 2.x.x
    xenForo 1.x.x
    Contributor
    vBulletin All Access Pass
    The Chest
    Verified
    Ultra Platinum VIP
    Platinum VIP
    Gold VIP
    Silver VIP
    Premium
    Member
    Jul 17, 2005
    20,500
    7,741
    321
    localhost
    Heisenberg submitted a new resource:

    - Smoother menu inner-content scrolling for touch devices.

    The items within a xenforo menu do not scroll smoothly on iOS or Android devices in stock Xenforo. Here's a quick fix you can add to EXTRA.css to make it properly hardware accelerated and much more responsive to input:

    Code:
    .Menu {-webkit-overflow-scrolling: touch;}
    .Menu > * {-webkit-transform: translateZ(0px);}

    Google Maps uses this same technique for the scrolling maps content (on the website).


     
    Last edited: