Размытый текст при прокрутке с использованием шкалы Y (-1) и Firefox - PullRequest
Новая
       46

Размытый текст при прокрутке с использованием шкалы Y (-1) и Firefox

0 голосов
/ 24 февраля 2020

Как вы можете видеть из фрагмента ниже, когда вы прокручиваете большой двоичный объект текста, он становится размытым.

Почему это / что я могу сделать, чтобы предотвратить его (если не использовать scaleY(-1)) ? 

#container {
    transform: scaleY(-1);
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
#container > * {
    transform: scaleY(-1);
}
#container>div .markdown {
    max-height: 100px;
    overflow: auto;
}
example text
<div id="container">
  <div>
    more example text
    <div class="markdown">
      <p class="source-line" data-source-line="0">suhfiudshf<br>
        sidfi<br>
        sijdfjisdfn<br>
        max-content<br>
        suhfiudshf<br>
        sidfi<br>
        sijdfjisdfn<br>
        max-content<br>
        suhfiudshf<br>
        sidfi<br>
        sijdfjisdfn<br>
        max-content<br>
        suhfiudshf<br>
        sidfi<br>
        sijdfjisdfn<br>
        max-content</p>
    </div>
  </div>
</div>
...