Position fixed funktioniert nicht in Safari Version 8.0.2

Arbeite ich mit einem Winkel-Anwendung und im inneren ein twitter-bootstrap-modal.

Im Versuch der re-position eine Schaltfläche, die es in den Körper des modal, modal-footer mit fester position. Dass button feuert eine einzigartige Funktion, um den aktuellen modal-Körper-Bereich und ich brauche Sie bleiben in der Ansicht, unabhängig von der scroll-position. Der modal-header und modal-footer sind immer in Sicht-und die modal-body-überlauf scrollt dementsprechend nach diesen Elementen.

Alles wie erwartet funktioniert in Chrome.

Ive gesehen mehrere Probleme, die andere hatten, mit fester Positionierung und Safari, und ich habe versucht, verwenden Sie diese Workarounds einschließlich:

-webkit-transform:translateZ(1px); 

Ive auch gesehen, dass das entfernen

transform: translate3d(0, 0, 0) ;

geholfen hat in manchen Situationen aber wird die Regel Hinzugefügt, um die bootstrap-modal-dialog standardmäßig und zu entfernen, ist keine option für mich, weil eine lange Liste von Ort-Elemente, wenn er entfernt wird.

Zusätzlich zu denen, die versucht ich habe versucht, indem Sie die Taste innerhalb einer übergeordneten element w/absolute Positionierung sowie ein Elternteil w/fixed-Positionierung und auch versucht zu entfernen, die das übergeordnete element und legen Sie einfach die Schaltfläche selbst, von denen keiner für mich gearbeitet.

CSS:

.stickyBut{
   position: fixed;
   bottom: 16px;
   left: 605px;
   z-index: 999999;

   /* -webkit-transform:translateZ(10px); failed */ 
} 
.but-hold{
   z-index: 999999; 
   width: 100%;
   height: 25px;
   position: absolute; 
   /* position: fixed; */
   top: 0;
   left: 0;

  /* FAILED
  -webkit-transform:translateZ(1);
  */
}

HTML:

<div class="but-hold">
    <button class="btn btn-warning stickyBut" ng-click="submitProfile()">Save + Continue</button>
</div>

Andere workarounds oder Vorschläge sehr dankbar - danke sehr!

InformationsquelleAutor mcgraw | 2015-01-28