Это может не очень хорошо работать с асинхронным панорамированием

«Похоже, этот сайт использует эффект позиционирования, связанный с прокруткой. Это может не сработать при асинхронном панорамировании»

Я получил это необычное предупреждение от Firefox. Эффект позиционирования, на который он ссылается, — это div , который я вращаю как фактор высоты прокрутки. У меня никогда не было с этим проблем, но стоит ли мне беспокоиться об этом? Есть ли вообще такие эффекты без этого предупреждения? JavaScript, который демонстрирует эту проблему:

• wScroll текущая высота прокрутки

2 ответа

Я знаю, что этот вопрос был задан некоторое время назад, однако проблема с производительностью все еще существует. Ниже приведено альтернативное решение, которое не зависит от прослушивателя событий прокрутки. Это сводит к минимуму рывки и задержки, вызванные отдельным потоком прокрутки, распространенным среди веб-браузеров, обновляя css через регулярные интервалы, а не при прокрутке окна. Это означает, что предупреждение консоли разработчика не будет отображаться. Лично меня не слишком беспокоит предупреждение или использование событий прокрутки для мелких вещей, таких как поворот механизма или изменение класса CSS, однако, если пользовательский опыт напрямую зависит от эффекта, это нарушит удобство использования страницы.

Рабочий пример можно использовать на моем GitHub. Я проверил это на Firefox, Chrome и Edge (работает).

Другими альтернативами избегания предупреждения являются использование css липких элементов или использование методы element.classList.add () и element.classList.remove () , связанные с событием window.onscroll .

Примечание. Будьте осторожны при использовании CSS-переходов, длина перехода которых больше интервала, в котором стиль CSS будет обновляться сценарием (например, при изменениях прокрутки на основе событий). Браузеры на основе Webkit и EdgeHTML будут вести себя непредсказуемым образом, обычно оставаясь в своем исходном положении, пока элемент не прекратит обновляться сценарием. Если это не тот эффект, который вы намеревались, в этом случае он не работает так же, как в Firefox.

Servo Webrender, при интеграции в Firefox, решит эти проблемы в определенной степени (или, по крайней мере, значительно улучшит производительность). Хотя по-прежнему будут другие браузеры, с которыми будет поддерживаться совместимость.

Источник

«Этот сайт, похоже, использует эффект позиционирования, связанный с прокруткой. Это может плохо работать с асинхронным панорамированием»

Мне было предоставлено это необычное предупреждение от Firefox. Эффект позиционирования, на который он ссылается, является div я вращаю как фактор высоты прокрутки. У меня никогда не было никаких проблем с этим, но разве это меня беспокоит? Есть ли в любом случае такие эффекты без этого предупреждения? JavaScript, который демонстрирует эту проблему:

wScroll — текущая высота прокрутки

Предупреждение, я думаю, продолжает:

. см. https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects для получения дополнительной информации и присоединиться к обсуждению связанных инструментов и функций!

Но в случае, если эта страница неясна, вот ее суть.

Идея «асинхронного панорамирования» такова: при прокрутке страницы браузер вызывает ваш обработчик scroll , но он также асинхронно рисует страницу в новой точке прокрутки. Это делается для того, чтобы прокрутка выглядела отзывчивой (@60 FPS), даже когда основной поток занят больше 16 мс.

Это означает, что эффекты, выполняемые вашим обработчиком, не гарантируются в синхронизации с текущей полосой прокрутки. Т.е. прокрутка гладкая, но ваши divs вращаются с меньшим FPS — появляются janky, non-smooth. Обновление, пропустило эффект transition в вашем примере — само вращение также будет плавным, но оно может начаться позже, чем начнется прокрутка страницы.

Я не думаю, что вы можете реализовать точный эффект, который у вас есть с имеющимися в настоящее время технологиями, без этой проблемы.

(Обратите внимание, что для просмотра APZ в действии вам необходимо запустить версию Firefox с включенной поддержкой. В частности, для этого требуется, чтобы Firefox работал в режиме многопроцессорности («e10s»), который до сих пор не находится в релиз-сборках на этом время.)

Я знаю, что этот вопрос был задан некоторое время назад, однако проблема с производительностью все еще существует. Ниже представлено альтернативное решение, которое не зависит от прослушивателя событий прокрутки. Это сводит к минимуму зависание и задержку, вызванные отдельной прокруткой, распространенной среди веб-браузеров, обновление css с регулярными интервалами, а не при прокрутке окна. Это означает, что предупреждение консоли консоли не отобразится. Я лично не стал бы слишком беспокоиться о предупреждении или использовании прокручивающих событий для небольших вещей, таких как передача снаряжения или изменение класса css, однако, если пользовательский опыт напрямую зависит от эффекта, он разрушит удобство использования страницы.

Рабочий пример можно использовать на моем GitHub. Я тестировал его на Firefox, Chrome и Edge (работает).

Другими альтернативами избежать предупреждения являются использование липких элементов css или использование методов element.classList.add() и element.classList.remove(), ограниченных событием window.onscroll.

Примечание. Будьте осторожны с использованием css-переходов, где длина перехода длиннее интервала, в котором стиль CSS будет обновляться скриптом (например, с изменениями на основе прокрутки). Браузеры на основе Webkit и EdgeHTML будут вести себя непредсказуемыми способами, обычно оставаясь в исходном положении до тех пор, пока элемент перестанет обновляться сценарием. Если это не эффект, который вы намеревались, в этом случае он не работает так же в firefox.

Servo Webrender, интегрированный в Firefox, решит эти проблемы до некоторой степени (или, по крайней мере, значительно улучшит производительность). Хотя для совместимости с другими браузерами все еще останутся.

Источник

«Этот сайт, похоже, использует эффект позиционирования, связанный с прокруткой. Это может плохо работать с асинхронным панорамированием»

Мне было предоставлено это необычное предупреждение от Firefox. Эффект позиционирования, на который он ссылается, является div я вращаю как фактор высоты прокрутки. У меня никогда не было никаких проблем с этим, но разве это меня беспокоит? Есть ли в любом случае такие эффекты без этого предупреждения? JavaScript, который демонстрирует эту проблему:

• wScroll — текущая высота прокрутки

ОТВЕТЫ

Ответ 1

Предупреждение, я думаю, продолжает:

. см. https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects для получения дополнительной информации и присоединиться к обсуждению связанных инструментов и функций!

Но в случае, если эта страница неясна, вот ее суть.

Идея «асинхронного панорамирования» такова: при прокрутке страницы браузер вызывает ваш обработчик scroll , но он также асинхронно рисует страницу в новой точке прокрутки. Это делается для того, чтобы прокрутка выглядела отзывчивой (@60 FPS), даже когда основной поток занят больше 16 мс.

Это означает, что эффекты, выполняемые вашим обработчиком, не гарантируются в синхронизации с текущей полосой прокрутки. Т.е. прокрутка гладкая, но ваши divs вращаются с меньшим FPS — появляются janky, non-smooth. Обновление, пропустило эффект transition в вашем примере — само вращение также будет плавным, но оно может начаться позже, чем начнется прокрутка страницы.

Я не думаю, что вы можете реализовать точный эффект, который у вас есть с имеющимися в настоящее время технологиями, без этой проблемы.

пример

(Обратите внимание, что для просмотра APZ в действии вам необходимо запустить версию Firefox с включенной поддержкой. В частности, для этого требуется, чтобы Firefox работал в режиме многопроцессорности («e10s»), который до сих пор не находится в релиз-сборках на этом время.)

Ответ 2

Я знаю, что этот вопрос был задан некоторое время назад, однако проблема с производительностью все еще существует. Ниже представлено альтернативное решение, которое не зависит от прослушивателя событий прокрутки. Это сводит к минимуму зависание и задержку, вызванные отдельной прокруткой, распространенной среди веб-браузеров, обновление css с регулярными интервалами, а не при прокрутке окна. Это означает, что предупреждение консоли консоли не отобразится. Я лично не стал бы слишком беспокоиться о предупреждении или использовании прокручивающих событий для небольших вещей, таких как передача снаряжения или изменение класса css, однако, если пользовательский опыт напрямую зависит от эффекта, он разрушит удобство использования страницы.

Рабочий пример можно использовать на моем GitHub. Я тестировал его на Firefox, Chrome и Edge (работает).

Другими альтернативами избежать предупреждения являются использование липких элементов css или использование методов element.classList.add() и element.classList.remove(), ограниченных событием window.onscroll.

Примечание. Будьте осторожны с использованием css-переходов, где длина перехода длиннее интервала, в котором стиль CSS будет обновляться скриптом (например, с изменениями на основе прокрутки). Браузеры на основе Webkit и EdgeHTML будут вести себя непредсказуемыми способами, обычно оставаясь в исходном положении до тех пор, пока элемент перестанет обновляться сценарием. Если это не эффект, который вы намеревались, в этом случае он не работает так же в firefox.

Servo Webrender, интегрированный в Firefox, решит эти проблемы до некоторой степени (или, по крайней мере, значительно улучшит производительность). Хотя для совместимости с другими браузерами все еще останутся.

Источник

«Этот сайт, похоже, использует эффект позиционирования, связанный со прокруткой. Это может не работать хорошо с асинхронным панорамированием»

мне было дано это необычное предупреждение от Firefox. Эффект позиционирования это относится к это div я вращаюсь как фактор высоты прокрутки. У меня никогда не было проблем с этим, но это то, о чем я должен беспокоиться? Есть ли вообще такие эффекты без этого предупреждения? JavaScript, который демонстрирует эту проблему:

• wScroll текущая высота свиток

2 ответов

предупреждение, я думаю, говорит:

. см.https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects для получения дополнительной информации и присоединиться к обсуждению связанных инструментов и функций!

но если эта страница неясна, вот ее суть.

идея «асинхронного панорамирования» такова: когда страница прокручивается, браузер вызывает ваш scroll обработчик, но он также асинхронно рисует страницу в новой точке прокрутки. Это делается для того, чтобы прокрутка выглядела отзывчивой (@60 FPS), даже если основной поток занят более 16 мс.

это означает, что эффекты, реализуемые обработчиком, не будут синхронизированы с текущей позицией прокрутки. Т. е. прокрутка гладкая, но ваши divs вращаются с меньшим FPS — appearing недоработан, негладкой. обновление, пропустил the transition эффект в вашем примере-само вращение также будет плавным, но оно может начаться позже, чем страница начнет прокручиваться.

Я не думаю, что вы можете реализовать точный эффект, который вы имеете с доступными в настоящее время технологиями, не имея этой проблемы.

пример

(обратите внимание, что для просмотра APZ в действии вам нужно запустить версию Firefox с включенной поддержкой. В частности, это требует, чтобы Firefox работал в режим multiprocess («e10s»), который все еще не находится в сборке выпуска в это время.)

Я знаю, что этот вопрос был задан некоторое время назад, однако проблема производительности все еще существует. Ниже приведено альтернативное решение, которое не зависит от прослушивателя событий прокрутки. Это минимизирует jank и ЛАГ, вызванные отдельным потоком прокрутки, распространенным среди веб-браузеров, обновляя css через регулярные промежутки времени, а не при прокрутке окна. Это означает, что предупреждение консоли dev не будет отображаться. Я лично не слишком беспокоился бы о предупреждении или использовании прокрутки события для небольших вещей, таких как поворот шестеренки или изменение класса css, однако, если пользовательский опыт напрямую зависит от эффекта, это разрушит удобство использования страницы.

можно использовать рабочий пример на моем GitHub. Я тестировал его на Firefox, Chrome и Edge (работает).

Источник

Пикабу скроллинг: баг

В новом (несколько последних месяцев) пикабу добавили (ну или я нашел) хорошую штучку: если кликнуть по левому полю поста, то скроллит на следующий.

очень удобно. было бы, но иногда скроллит с багами. Баги бывают двух видов:

1. Иногда, когда находишься в конце списка — скроллит в начало (при этом если не нажимать кнопку, а доскролить до того же места — подгрузит следующий блок постов)

2. Иногда скроллит в случайный просмотренный пост: например просмотрел 20, нажимаешь «следующий» и тебя бросает например на седьмой просмотренный

Браузер Firefox, компы разные — баг одинаковый 🙁

В приложенном видео (смотреть

с 30 секунды) видно скролл в случайное место.

Дубликаты не найдены

Багрепорты

4.6K постов 1K подписчиков

Правила сообщества

— Порядок действий для повторения проблемы

— Версию Пикабу: ПК, мобильная браузерная, приложение Android, приложение iOS

— Ваше устройство, ОС, браузер

Приложите скриншоты или видео с проблемой

И мы постараемся помочь 🙂

Добрый день!
Внесли несколько фиксов. Отключите, пожалуйста, блокировщик рекламы и попробуйте, будет ли повторяться.

сейчас в поездке, пикабу вот заскочил посмотреть на неск минут.

вроде не проявляется, но более подробно потестить смогу в среду.

спасибо, за заботу!

Спасибо большое, будем ждать)

протестил: бажить стало значительно реже, однако баг со скроллингом в начало при том что за постом есть пост все же есть

только что наткнулся на это 🙁

PS: блокировщик рекламы отключен

Вот сегодня снова поймал этот же баг:

Спасибо большое, поищем ещё в чём может быть причина(

еще поисследовал, тут освоил клавишу D и стал ей пользоваться.

так вот на ней есть этот же баг, но проявляется любопытным образом:

1. листаем клавишей D

2. доходим например до поста 19 сверху

4. скроллит на пост 1

5. нажимаем D еще раз

6. скроллит на пост 21

7. снова листаем клавишей D

8. доходим до поста 29

10. скроллит на пост 1

11. нажимаем D еще раз

12. скроллит на пост 31

таким образом посты 20, 30 итп оказываются пропущенными, но зато пользоваться можно кнопкой!

PS: цифры 20, 30 — это условно. Сколько там на страницу загружается до подгрузки? я не считал

Пункт 4 происходит, как правило, из-за блокировщика рекламы. 🙁
Подскажите, возможно, он установлен не в браузере, а в системе?

нет, по вашей просьбе я его отключил.

а в системе ничего нет.

PS: по идее рекламу вы же расставляете относительно равномерно.

а баг проявляется изредка:

1. можно пролистать три поста (видео с багом на трех постах я прикладывал) и нарваться на цикл

2. можно пролистать (иногда) 500 постов и все работает хорошо

по идее если бы спотыкалось оно о рекламу, то спотыкалось бы с той частотой с какой реклама-то встречается?

Как правило, четвёртый пост в ленте — рекламный и «спотыкание» происходит именно на нём. 🙁
Иногда рекламный пост отключен, поэтому «спотыкания» нет.
Проверьте, пожалуйста, отображается ли у Вас в ленте этот пост:

закрепленные посты вижу с завидной регулярностью, но когда спотыкается по моему их нет.

еще раз существует несколько видов спотыканий:

1. перескок на первый пост

2. перескок на случайный предыдущий пост

3. неработа (кликай не кликай — никуда не скроллит)

сейчас использую клавишу D

при ее использовании баги возникают значительно реже, чем при клике мышкой

Если будет возможность, пожалуйста, попробуйте поймать ошибку с открытой консолью разработчика в браузере. Пока не удаётся воспроизвести, а по ошибкам в консоли мы сможем её отловить.

Вот еще баг, очень показательно, что неработоспособна прокрутка в ПЕРВЫХ ДВУХ ПОСТАХ пикабу.

консоль открыта с начала запуска:

Полный текст в консоли такой:

Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на https://i.pikabu.ru/17N6j8M47/ebf31agHUfs_/asiWo3/vCH?HSyv9M. . (Причина: отсутствует заголовок CORS «Access-Control-Allow-Origin»).

Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на https://an.yandex.ru/jstracer?event=detect_NOT_BLOCKED . (Причина: неудача канала CORS preflight).

Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на https://an.yandex.ru/jstracer?event=try_to_render . (Причина: неудача канала CORS preflight).

Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на https://an.yandex.ru/jstracer?event=confirm_block . (Причина: неудача канала CORS preflight).

Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на https://an.yandex.ru/jstracer?event=confirm_block . (Причина: неудача канала CORS preflight).

Похоже, что этот сайт использует эффект позиционирования связанный с прокруткой. Это может не очень хорошо работать с асинхронным панорамированием; см. https://developer.mozilla.org/docs/Mozilla/Performance/Scrol. чтобы получить более подробную информацию и присоединиться к обсуждению связанных с этим инструментов и возможностей!

Насколько я понимаю проблема не в моём блокировщике рекламы (который отключен), а в CORS заголовках рекламы Яндекс (вернее в отсутствии таких заголовков)

а минусы посту разработчики ставят — по мере того что баг разгадать не могут? или кто-то так оценивает мой труд по составлению багрепорта?

Не разработчики. 🙁 Проголосовать может любой пользователь.

кому-то видимо очень нравится наличие этого бага 🙂

Кажется, нашли причину)
В ближайшее время постараемся исправить)

Понаблюдайте, пожалуйста, сейчас)

понаблюдал вот сегодняшнее видео.

1. если клик мышкой бросает на первый пост, то клавиша D бросает на следующий. То есть клавишу D можно использовать как лайфхак по преодолению бага (на видео видно что я D нажимаю)

2. есть следующее наблюдение (возможно оно не правда).

Допустим мы пришли к багу когда пост 8 бросает на пост 1.

скроллим посты 1-8 и визуально их запоминаем.

так вот, по моему (я еще понаблюдаю за этим) в случае если рефрешнуть и далее найти проблемный пост 8 (он станет например 14-м, баг наблюдаем в свежем), то полистав обратно от него 8 постов видим «вклинившиеся» еще посты.

может этот «вклин» как-то влияет?

ага, буду на компьютере — понаблюдаю

ps: кстати фичу «следующий пост» бы хорошо и в мобильной версии иметь

Пока такой фичи нет)

вот, только что поймал.

1. Ublock выключен (проверил)

2. на этом видео видно баг-перескок на 2 шага вперед (начиная с 10 секунды смотрите)

3. консоль пустая — если включить ее когда баг уже проявился.

попытаюсь поймать баг с заранее открытой консолью

а вот если просто загрузить страницу пикабу с включенной консолью то такое выдает:

Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на https://i.pikabu.ru/17N6j8M47/ebf31agHUfs_/asiWo3/vCH?HSyv9M. . (Причина: отсутствует заголовок CORS «Access-Control-Allow-Origin»).

Content Security Policy: Директива «child-src» устарела. Пожалуйста, используйте директиву «worker-src» для контроля workers или используйте директиву «frame-src» для контроля фреймов соответственно.

Несбалансированное дерево было написано с использованием document.write(), что привело к повторному парсингу данных из сети. Для получения более подробной информации прочтите https://developer.mozilla.org/en/Optimizing_Your_Pages_for_S.

Похоже, что этот сайт использует эффект позиционирования связанный с прокруткой. Это может не очень хорошо работать с асинхронным панорамированием; см. https://developer.mozilla.org/docs/Mozilla/Performance/Scrol. чтобы получить более подробную информацию и присоединиться к обсуждению связанных с этим инструментов и возможностей!

блокировщик рекламы реально отключен, вот скриншот, если вдруг не доверяете 🙂

Проблема с воспроизведением видео

Уже 2й или 3й день на телефоне не воспроизводятся видео, которые загружены юзерами на сам Пикабу.
Ролики с Ютуба вопроизводятся без проблем.
Только что попробовал запустить прокси и, О Чудо, ролики, загруженные на Пикабу воспроизводятся. Без прокси — чёрный экран.
Обо мне: Galaxy S20+
Страна: Украина (может сервер с видео попал в какой-то блеклист)
Я хз, @SupportTech, помогите пожалуйста

Для тех, у кого в «лучшем» пусто

Включаешь NSFW и видишь новые посты:

@SupportTech, Ребята, у вас там точно все ок? Может, настало время уволить менеджеров и внедренцев умной ленты и вернуть все назад, не?

Пикабу, не болей.

P.S. Я не даю согласие размещать мой пост в любом сообществе без моего ведома и разрешения.

Особенно это касается «Чая с вареньем» или как его там.

Когда зашёл на пикабу со смартфона

Реклама — ОК, проматывание ленты — откровенно задолбало!

Администрация пикабу, спортлото, Владимир Путин… anyone! Откровенно задолбало. Сижу на пикабу уже более 10 лет. Рекламу не отключаю, резалками принципиально не пользуюсь , нужно же людям зарабатывать, и там прикольное попадается, кликаю, интересно. Но блин… при загрузке рекламы лента пролистывается на дохрена и приходится отматывать на верх. Чесслово — задолбало! Сделайте что нибудь, ибо сил это говно терпеть уже нет!

Баг при подгрузке постов

@SupportTech, вот удалось записать видео, когда при подгрузке постов тебя кидает не понятно куда, и предыдущие посты уходят далеко вверх. redmi note 7, браузер chrome обновлен

точно так же посты прокручивает и на пк

Баг с откатом на старые посты

Происходит с ноутбука, браузер хром. Обычно я, когда закрываю браузер перед выключением ноута, никогда не закрываю вкладки по отдельности. Чтобы при следующем запуске хрома все мои вчерашние вкладки сразу открывались. Теперь представим, что я открыла хром «с нуля», то есть без вчерашних вкладок. Открываю заново Пикабу, читаю несколько страниц горячего от сегодняшней даты, отвлекаюсь на другие вкладки, а когда возвращаюсь на Пикабу, то вижу не то место, где остановилась, а тот самый первый пост, с которого и начала чтение. Обновляю горячее, снова читаю, отвлекаюсь, возвращаюсь на Пикабу и вижу снова тот первый пост.

На следующий день при условии, что вкладки не были закрыты, а открылись автоматически, я снова вижу теперь уже вчерашний первый пост. Снова обновляю, читаю, отвлекаюсь, возвращаюсь на вкладку с Пикабу — вчерашний первый пост. И так может продолжаться неделями, меня будет откатывать на тот самый пост хрен знает какой давности, пока мне не надоест и я не позакрываю все вкладки и не перезапущу хром. Тогда «первым постом» становится уже пост от текущей даты, на который опять неделю может откатываться, если не закрывать вкладку ежедневно.

Но даже в рамках одного дня это раздражает, потому что открыв утром Пикабу и прочитав несколько страниц, вечером я вернусь на открытую вкладку и увижу первый утренний пост.

С другими сайтами в хроме такого косяка нет.

Источник