Skip to main content
V
vcavic1-Visitor
1-Visitor
August 31, 2020
Question

scroll-margin-bottom does not work on IOS

  • August 31, 2020
  • 1 reply
  • 5335 views

Hi,

 

i have a Problem with Property scroll-margin-bottom:100%.

It works fine on Android but not on Ipad.

 

Any solutions?

 

Thanks

Vladimir

    1 reply

    S
    sdidier17-Peridot
    17-Peridot
    September 1, 2020

    Hello Vcavic,

     

    It seems a bug in Safari.

    More details here :

    https://developer.mozilla.org/fr/docs/Web/CSS/scroll-margin-bottom

     

    It seems scroll-snap-margin-bottom is used instead in Safari.

     

    So, I would recommend to create a css style specific to Safari and another one specific to Chrome.

    Please have look here to apply a css style only in Safari and in Chrome:

    https://www.ryadel.com/en/css3-media-query-target-only-ie-ie6-ie11-firefox-chrome-safari-edge/

     

    • Is it helping ?

     

    Best regards,

    Samuel

    V
    vcavic1-VisitorAuthor
    1-Visitor
    September 2, 2020

    Hallo Samuel @sdidier ,

     

    Thank you for your response. 

    Sorry i misspelled! its scroll-PADDING-bottom, not Margin.

    But i think its a problem with Vuforia view app(IOS version). Its works fine on android version.

     
    BR
    Vladimir
    S
    sdidier17-Peridot
    17-Peridot
    September 3, 2020

    Hello Vladimir,

     

    I have this result in iPad 6th, in iOS 13.6.1, in Vuforia View 8.5.110 (1880).

     

    We don't see the last CheckBox item who should be displayed.

    It is needed to click on it to display it.

     

    • Is it describing correctly the issue ?

     

    Best regards,

    Samuel

    Terms & ConditionsCookie settingsAccessibility statement