亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

微信瀏覽器、內部瀏覽器(公司客戶端自帶) css3動畫 滑動時動畫不動了

微信瀏覽器、內部瀏覽器(公司客戶端自帶) css3動畫 滑動時動畫不動了

尚方寶劍之說 2018-10-19 14:10:36
先把代碼扔下邊。沒什么奇怪的東西。當手指去滑動頁面的時候,動畫會停止。這是為什么?有什么解決辦法?<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document</title>    <style>        @keyframes ani{          0%{top:0;transform: translate(0px);}          10%{transform: translate(30px);}          20%{transform: translate(0px);}          30%{transform: translate(30px);}          40%{transform: translate(0px);}          50%{transform: translate(30px);}          60%{transform: translate(0px);}          70%{transform: translate(30px);}          80%{transform: translate(0px);}          90%{transform: translate(30px);}          100%{   top:100%; transform: translate(0px);  }        }        .animate{            top:0;            animation:ani 10s ease-out;            animation-fill-mode:both;        }        div{width:100px;height:100px;border-radius:50%;position: fixed;top:0;left:300px;background-color: #00cced}    </style></head><body>    <div class="animate"></div></body></html>
查看完整描述

1 回答

?
LEATH

TA貢獻1936條經驗 獲得超7個贊

拖動時候需要重新計算頁面與重新繪制可視部分,會暫時停用瀏覽器內部的重繪(就是動畫頂?。?;為了節省終端性能資源的行為...


查看完整回答
反對 回復 2018-11-09
  • 1 回答
  • 0 關注
  • 699 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號