简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - setInterval 页面失焦时出现的问题
迷茫
迷茫 2017-04-11 12:47:38
0
1
479

页面中有一个滚动列表,用setInvterval写的.

现在有一个问题就是当页面失焦(也就是浏览器窗口最小化,或者切换到其他标签页时)后,再切回来时,会看到列表会"疯狂"的滚动一段距离.

自己尝试搜索过,好像是因为页面失焦后JS会暂停,再次聚焦时会一下子运行掉之前暂停的动作.

可以对document的visibilityChange进行监听,失焦后clearInterval,聚焦再次运行.

但是我想要页面在失焦后也能正常运行,请问该如何实现?

PS:前端小白,麻烦用原生JS解答,谢谢!

迷茫
迷茫

业精于勤，荒于嬉;行成于思，毁于随。

모든 응답(1)
Peter_Zhu
Peter_Zhu2017-04-11 12:49:38 1층

使用requestAnimationFrame模拟setInterval

좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！