Тяговая прокрутка с помощью CSS-сетки в Chrome при обновлении текста - PullRequest
Новая
       9

Тяговая прокрутка с помощью CSS-сетки в Chrome при обновлении текста

0 голосов
/ 31 мая 2018

Следующий пример кода не выполняет плавную прокрутку в Chrome 67;когда вы используете мышь для захвата полосы прокрутки, вы заметите, что перетаскивание полосы прокрутки прерывается каждую 1 секунду, когда таймер обновляет текст в заголовке. 

<html><body style="margin:0pt;">
    <div style="height:100vh;overflow:hidden;display:grid;grid-template-areas:'topbar' 'body'">
        <div style="grid-area:topbar;background-color:lightblue">
            This is a fixed top bar with ticker: <span id="ticker">0</span>
        </div>
        <div style="grid-area:body;font-size:200pt;overflow:auto;">
            Try and scroll down! a a a a a a a a a a a a a a a a a 
        </div>      
    </div>
    <script type="text/javascript">
        setInterval(function(){
            document.getElementById("ticker").innerHTML = Number(document.getElementById("ticker").innerHTML) + 1;
        }, 1000);
    </script>
</body></html>

В Edge работает как положено.

Есть ли решение этой проблемы?

...