положение: липкое;не просыпается под Chrome mobile 79 - PullRequest
0 голосов
/ 01 ноября 2019

Я сделал липкое меню, и оно не работает в Chrome (для мобильных устройств). 79 В Safari и настольном Chrome оно работает идеально. Я использую его в DIV

<div style=divsticky>blabla </div>


.divsticky {
            position: sticky;
            position: -webkit-sticky;
            left: 0;
            display: table-cell;
            background-color:  #e2b577;
            border: 1px solid #dddddd;
            padding: 3px, 10px;
            white-space:nowrap;

}

1 Ответ

0 голосов
/ 01 ноября 2019

Когда я полностью уменьшаю масштаб, это работает .. Так что это как-то связано с масштабированием. Эта линия заставляет это работать. Но не когда вы увеличиваете масштаб ...

Когда я помещаю весь index3.html в фрейм, он работает отлично.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>PLB_Admin</title>
    <style type="text/css">
        body, html
        {
            margin: 0; padding: 0; height: 100%; overflow: hidden;
        }

        #content
        {
            position:absolute; left: 0; right: 0; bottom: 0; top: 0px;
        }
    </style>
</head>
<body>
    <div id="content">
        <iframe width="99%" height="99%" frameborder="0" src="http://www.kraan.net/css/index3.html">
    </div>
</body>

...