美文网首页
react 实现滚动悬浮踩坑心路历程

react 实现滚动悬浮踩坑心路历程

作者: 无名程序猿 | 来源:发表于2019-04-26 15:53 被阅读0次

    1、ie下滚动悬浮,开始的思路是第一步通过监听元素的滚动事件,第二步在滚动事件中添加setstate事件。

    现象:此处在滚动的过程中,页面不停的重新渲染。导致ie11(win10系统下)出现卡顿,不流畅的情况。

    错误代码

    2、为了解决不重新渲染的情况,需要将要悬浮的元素在固定在视图外,在滚动的条件内添加class类名,改变top值显示。

    正确代码

    效果图:

    相关文章

      网友评论

          本文标题:react 实现滚动悬浮踩坑心路历程

          本文链接:https://www.haomeiwen.com/subject/dhcqnqtx.html