第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

react項目,如何實現(xiàn)頁面滾動到某區(qū) 域時給該區(qū)域加懸浮樣式?

react項目,如何實現(xiàn)頁面滾動到某區(qū) 域時給該區(qū)域加懸浮樣式?

aluckdog 2019-03-06 17:19:13
在componentDidMount里監(jiān)聽頁面滾動,當(dāng)頁面scrolltop大于該區(qū)域scrolltop時,setState給區(qū)域懸浮style,否則setState去除懸浮style,每滾一次都setState一次,有什么好的解決方法嗎?因為涉及state比較多,也不好針對這個寫shouldComponentUpdate。一般這種情況會有什么好的方案?
查看完整描述

3 回答

?
weixin_慕雪750194

TA貢獻1條經(jīng)驗 獲得超0個贊

你說的這種方法好像在ios上是無效的,position有一個sticky屬性可以實現(xiàn)這種效果

查看完整回答
反對 回復(fù) 2019-09-16
?
嗶嗶one

TA貢獻1854條經(jīng)驗 獲得超8個贊

感覺你的疑問是每次做setState會觸發(fā)React重新做DOM DIFF運算,你覺得可能影響UI響應(yīng)效率?

如果是這樣,幾個優(yōu)化點:

  1. 不要監(jiān)聽onScroll,兩個替代方案:requestAnimationFrame/setTimeout

  2. 每次setState之前做一次臟檢查,臨界點更替的情況 既 !== 的情況再setState


查看完整回答
反對 回復(fù) 2019-03-08
  • 3 回答
  • 0 關(guān)注
  • 1654 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號