Preventing "bounce" on iPad displays

Discussion in 'C-Bus Automation Controllers' started by tassiebean, Jul 18, 2019.

  1. tassiebean

    tassiebean

    Joined:
    Dec 24, 2018
    Messages:
    30
    Likes Received:
    6
    I'm sure some of you have noticed that annoying bounce that occurs on an iPad display. This normally is nice eye-candy when using your iPad but for a wall-mounted iPad running your c-bus system, its gets very annoying very fast. The internet is full of various solutions that break over the years for various reasons with different browsers.

    An iPad project is best implemented using Safari and 'Add to Home Screen' so the usual browser bar at the top disappears, but in any case the bounce remains. I'm running the latest iOS, and the following code added to the CSS page fixes the page in place. YMMV.

    html {
    position: fixed;
    height: 100%;
    overflow: hidden;
    }

    body {
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    }

    Hope it works for you, if that's what you're looking for. Can't take credit for it, but thought I'd pass it on!

    TB
     
    tassiebean, Jul 18, 2019
    #1
Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.
Similar Threads

  1. iPad app for Wiser

  2. Ipad/iPOD apps for CBus

  3. iPAD won't connect to Wiser

  4. Wiser iPhone /iPad in landscape

  5. Scrolling of wiser application in ipad

  6. iPad App

  7. Minimum Required to include iPad?

  8. GI unit displays one value and sends another

Loading...