最近发现了一系列问题。因为是封装的,所以很难自行修改。比如每次翻页后滑块都会复位,导致体验不好。经过调试,我发现layui表没有用id标记div,所以我按类定位了表的div位置。
可以看到滚动条位于div class=' layui-table-body layui-table-main '
我在layui表中定义了一个父div,以防止在使用多个表时出现定位错误。首先,找到父div,然后查找内部数据表
div class='响应表' id='table_and_page_div_id '!-在这里放一个用户表-表id=' user _ list _ table _ id ' lay-filter=' tab _ lay _ filter '/表div class=' BTN-group ' style=' margin-left : auto;margin-right : auto;'Id='limt_butt_id' /div /div的原理是先得到父div对象,然后在父div对象中找到class=layui-table-main对象,然后就可以操作滑块了。
//在重新加载表之前获取scrollTop位置var dev _ obj//layui表父div var layuitable=null//当前layui表var scroll top=0;//记录位置dev _ obj=document . getelementbyid(' table _ and _ page _ div _ id ');//表(dev _ obj!=null){ layuitable=dev _ obj . getelementsbyclassname(' layui-table-main ');} if (layuitable!=null layuitable . length 0){ scrollTop=layuitable[0]。scrollTop//layuitable获取class=layui-table-main}的集合//刷新当前页面g _ table _ config . data=g _ user info data page;g _ TableIns . reload(g _ table _ config);//table重载layer . close(g _ layer _ msg _ index);//关闭提示框//如果(layuitable!=null layuitable . length 0){ layuitable[0]。scrollTop=scrollTop}以上layui保持表格页面滚动条位置不变的例子是边肖分享的全部内容。希望能给大家一个参考,多支持我们。