Заморозить только верхний ряд и прокрутить содержимое - PullRequest
Новая
       16

Заморозить только верхний ряд и прокрутить содержимое

0 голосов
/ 01 апреля 2020

Фактические коды генерируются javascript и jquery, но я просто создал html код, как показано ниже, только для тестирования. 

<head>

    <style>
        body {
            overflow: hidden;
        }
    </style>

</head>
<body>
    <div id="root">
        <div style="height: 40px; overflow: hidden;">Title</div>
        <div style="overflow-x: auto; height: 100%;">
            <ul>
                <li>a</li>
                <li>b</li>
                <li>c</li>
                <li>d</li>
                <li>e</li>
                <li>f</li>
                <li>g</li>
                <li>h</li>
                <li>i</li>
                <li>j</li>
                <li>k</li>
                <li>l</li>
                <li>m</li>
                <li>n</li>
                <li>o</li>
                <li>p</li>
                <li>q</li>
                <li>r</li>
                <li>s</li>
                <li>t</li>
                <li>u</li>
                <li>v</li>
                <li>w</li>
                <li>x</li>
                <li>y</li>
                <li>z</li>
                <li>a</li>
                <li>b</li>
                <li>c</li>
                <li>d</li>
                <li>e</li>
                <li>f</li>
                <li>g</li>
                <li>h</li>
                <li>i</li>
                <li>j</li>
                <li>k</li>
                <li>l</li>
                <li>m</li>
                <li>n</li>
                <li>o</li>
                <li>p</li>
                <li>q</li>
                <li>r</li>
                <li>s</li>
                <li>t</li>
                <li>u</li>
                <li>v</li>
                <li>w</li>
                <li>x</li>
                <li>y</li>
                <li>z</li>
            </ul>
        </div>
    </div>
</body>
</html>

Когда я запускаю вышеуказанный код в большинстве браузеров, он запускается так, как я ожидал. (Я запускал его в IE -11, Edge и Chrome) Браузера прокрутка скрыта, область Div заголовка заблокирована, а область списка имеет прокрутку. Но когда я эмулирую этот код с IE -11 с IE -7, прокрутка браузера снова отображается, и прокручивается вся страница, включая область заголовка. Кто-нибудь дает мне совет для решения этой проблемы?

...