iSlider icon indicating copy to clipboard operation
iSlider copied to clipboard

每次滑动都修改了wrap中的dom结构,这样不合适吧?

Open jinghaonode opened this issue 9 years ago • 4 comments

发现如果是多屏,.wrap这个div中只保留 两屏的.item 容器div, 剩下的都被removechild了,这样做如果是简单的动画h5还好说,如该某一屏中绑定有各种事件,或者各种初始化的小游戏等,那样就费事了, 而且每次修改dom结构,引起浏览器重绘,性能也有影响啊

jinghaonode avatar Jan 28 '16 02:01 jinghaonode

这样做的目的主要是提高动画性能, 不管页面一共有多少页, 比如100页 , dom中始终保留3页 , 就能保证性能流畅, 如果dom中保留100页的dom, 那页数多了 肯定卡的不行, 至于你说的事件问题, 可以用委派代理解决, 如果再复杂点 可以在onslide事件回调里处理. 不过这个组件本身是面向普通动画滑屏 , 对于复杂情况,还有提升优化的空间. 这里本来也打算有空增加一个参数, 控制是采用哪种模式

kele527 avatar Jan 28 '16 15:01 kele527

这样会影响某一页的水平方向初始化后,滑动到其他再回到水平那一页,导致水平页.item个数不对,只能在页面加载后垂直初始化之前获取一些需要的dom,在滑到某一页去添加,,,这个还暂时只适合简单的滑动页面

uaio avatar Jul 26 '16 02:07 uaio

能不能用配置关闭这个功能。有些场景并不需要删除原有的dom。 比如,每个页面都有一个视频,翻页进入页面,需要从上次暂停的位置开始播放。此时,视频播放对象还存在,但是播放的dom元素已经被删了。

meleslilijing avatar Jul 19 '18 16:07 meleslilijing

强烈建议可以关闭修改 DOM

sp42 avatar May 12 '19 14:05 sp42