已解決430363個問題，去搜搜看，總會有你想問的

react項目，如何實現頁面滾動到某區域時給該區域加懸浮樣式？

首頁猿問 react項目，如何實現頁面滾動到...

react項目，如何實現頁面滾動到某區域時給該區域加懸浮樣式？

JavaScript

aluckdog 2019-03-06 17:19:13

在componentDidMount里監聽頁面滾動，當頁面scrolltop大于該區域scrolltop時，setState給區域懸浮style，否則setState去除懸浮style，每滾一次都setState一次，有什么好的解決方法嗎？因為涉及state比較多，也不好針對這個寫shouldComponentUpdate。一般這種情況會有什么好的方案？

查看完整描述

3 回答

weixin_慕雪750194

TA貢獻1條經驗獲得超0個贊

你說的這種方法好像在ios上是無效的，position有一個sticky屬性可以實現這種效果

反對回復 2019-09-16

嗶嗶one

TA貢獻1854條經驗獲得超8個贊

感覺你的疑問是每次做setState會觸發React重新做DOM DIFF運算，你覺得可能影響UI響應效率？

如果是這樣，幾個優化點：

不要監聽onScroll，兩個替代方案：requestAnimationFrame/setTimeout
每次setState之前做一次臟檢查，臨界點更替的情況既 !== 的情況再setState

反對回復 2019-03-08

3 回答
0 關注
1655 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

react項目，如何實現頁面滾動到某區 域時給該區域加懸浮樣式？

react項目，如何實現頁面滾動到某區 域時給該區域加懸浮樣式？

3 回答

添加回答

react項目，如何實現頁面滾動到某區域時給該區域加懸浮樣式？

react項目，如何實現頁面滾動到某區域時給該區域加懸浮樣式？