河南中恒诚信建设有限公司网站,北京标书制作公司,双语网站价格,积分动力wordpress插件需求#xff1a;从一个横向纵向都有滚动条的列表页进入详情页#xff0c;返回时列表页的活动条恢复到之前到位置。难点#xff1a;1.列表用的是antd的table组件#xff0c;滚动条是这个table组件的#xff0c;浏览器返回时自身可以记录页面即document的滚动条#xff0c;…需求从一个横向纵向都有滚动条的列表页进入详情页返回时列表页的活动条恢复到之前到位置。难点1.列表用的是antd的table组件滚动条是这个table组件的浏览器返回时自身可以记录页面即document的滚动条但不能记录某一个元素的滚动条。2.数据加载每次进去列表页时数据都会重新加载列表的初始值都为空表头也需要动态加载所以返回页面时整个列表是没有高度和宽度的所以即使设一个初始的滚动条位置也不会生效。解决方案1.设置列表数据初值在离开列表页时将加载列表相关的数据存储到本地或者放到redux里返回页面时可以直接取值列表不会没有宽高。在列表页初始化时即constructor 时就可以将存下来的数据取出赋值。2.设置列表滚动条位置初值审查列表页渲染以后的节点找到滚动条所对应的元素并将其作为目标元素操作dom。离开页面时记录滚动条的位置在生命周期didmount 里操作dom设置滚动条的初始位置。#离开页面时可以是componentWillUnmount或者是页面跳转前。#操作dom时用原生js的方法和ReactDom得ReactDom.FindDOMNode方法结合。
