Safari: джиттер при маскировке позиции фиксированного элемента - PullRequest
Новая
       33

Safari: джиттер при маскировке позиции фиксированного элемента

0 голосов
/ 30 августа 2018

Текст дрожит, потому что маска, которая является переполнением: скрыта, маскирует текстовый элемент. Кто-нибудь знает людей? Спасибо!

Это должно быть видно в Safari :

http://jsfiddle.net/38bqt7gv/8/

https://vimeo.com/287479810

var wrapper = document.querySelector('.wrapper');

TweenMax.fromTo(wrapper, 2, {width: '0%'}, {width: '100%', repeat: -1, yoyo: true, repeatDelay:2})
.wrapper {
  width: 0%;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden;
  height: 200px;
}

.text {
   background-color: lightblue; 
   position: fixed;
   top: 0;
   left: 0;
   text-align: center;
   width: 100%;
   height: 100%;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TweenMax.min.js"></script>
<div class="wrapper">
  <div class="text">
    <h1>Hello I am text</h1>
  </div>
</div>

нервный, глючный, нервный, производительность

...