1、ie下滚动悬浮,开始的思路是第一步通过监听元素的滚动事件,第二步在滚动事件中添加setstate事件。
现象:此处在滚动的过程中,页面不停的重新渲染。导致ie11(win10系统下)出现卡顿,不流畅的情况。
错误代码2、为了解决不重新渲染的情况,需要将要悬浮的元素在固定在视图外,在滚动的条件内添加class类名,改变top值显示。
正确代码效果图:
1、ie下滚动悬浮,开始的思路是第一步通过监听元素的滚动事件,第二步在滚动事件中添加setstate事件。
现象:此处在滚动的过程中,页面不停的重新渲染。导致ie11(win10系统下)出现卡顿,不流畅的情况。
错误代码2、为了解决不重新渲染的情况,需要将要悬浮的元素在固定在视图外,在滚动的条件内添加class类名,改变top值显示。
正确代码效果图:
本文标题:react 实现滚动悬浮踩坑心路历程
本文链接:https://www.haomeiwen.com/subject/dhcqnqtx.html
网友评论