Можно ли стилизовать фон страницы у льва при прокрутке с помощью мультитача - PullRequest
Новая
       25

Можно ли стилизовать фон страницы у льва при прокрутке с помощью мультитача

3 голосов
/ 16 сентября 2011

Chrome и Safari в Lion имеют функцию прокрутки, например Mobile Safari, при использовании сенсорного ввода. На большинстве веб-страниц фон представляет собой своего рода рисунок серого пергамента. Хотя есть некоторые сайты, которые не показывают этот фон и имеют либо один цвет, либо повторную версию любого фона первого пикселя.

Переполнение стека ведет себя как ожидалось скриншот переполнения стека

А сайт Mozilla показан ниже скриншот функций Firefox

До сих пор я не смог определить ни одной причины, по которой это происходит. Это что-то задокументировано? И есть ли способ повторить это? Либо с фоном первого пикселя, растянутым вверх, либо с чем-то совершенно другим.



Идти еще дальше с этим. Если это можно повторить, можно ли использовать этот эффект для воссоздания функции «pull to refresh», которая имеется во многих мобильных приложениях? Другими словами, это превышение измеряется внутри DOM или это просто эффект, генерируемый ОС?

Спасибо

Ответы [ 2 ]

0 голосов
/ 29 октября 2011

Это работает в Chrome 15.

Комбинация позиции: фиксированная, верхняя: 0 и операция трехмерного преобразования, кажется, приводят к такому поведению. 

<!doctype html>  
<head>
  <style>
  #header {
    position: fixed;
    top: 0;
    background: red;
  }

  #content {
    /*
    -webkit-transform: rotate3d(0,0,0,0deg);
    */
    -webkit-transform: scale3d(1,1,1);
  }
  </style>
</head>

<body>
<div id="header">header</div>
<div id="content">content</div>
</body>
</html>
0 голосов
/ 16 сентября 2011

То, о чем вы говорите, на самом деле является поведением, характерным для всех приложений со львами. Chrome 15 (и 16) поддерживает это, тогда как Chrome 14 нет. Вопрос в том, оптимизировано ли приложение для сенсорного экрана или нет.

Я не думаю, что есть какой-либо способ контролировать это поведение (если браузер не вводит какое-то событие javascript "overscroll" - очень сомневаюсь, что это произойдет).

Не существует также известного способа стилизации этого региона с помощью CSS.

...