WordPress.org

Make WordPress Core

Changeset 29926


Ignore:
Timestamp:
10/16/2014 08:34:10 PM (6 years ago)
Author:
iandstewart
Message:

Twenty Fifteen: Removes flashing of background behind fixed position elements when scrolling in mobile and desktop Safari.

Props iamtakashi, fixes #29973 and #29987.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyfifteen/style.css

    r29922 r29926  
    37943794
    37953795@media screen and (min-width: 59.6875em) {
     3796    body:before,
     3797    .site-header,
     3798    .main-navigation,
     3799    .social-navigation,
     3800    .widget {
     3801        -webkit-transform: translateZ(0); /* Fixes flashing bug with scrolling on iOS Safari */
     3802    }
     3803
    37963804    body:before {
    37973805        background-color: #fff;
     
    38153823        float: left;
    38163824        height: 100%;
    3817         overflow-y: auto;
    38183825        margin-right: -100%;
    38193826        max-width: 413px;
    3820         -webkit-overflow-scrolling: touch;
     3827        overflow-y: scroll;
     3828        -webkit-overflow-scrolling: touch; /* Enable momentum scrolling on iOS Safari */
    38213829        position: fixed;
    38223830        width: 29.4118%;
     
    38333841        margin: 0;
    38343842        padding: 0;
    3835         -webkit-transform: translateZ(0);
    38363843    }
    38373844
     
    40734080        margin: 20% 0;
    40744081        padding: 0 20%;
    4075         -webkit-transform: translateZ(0);
    40764082    }
    40774083
Note: See TracChangeset for help on using the changeset viewer.