幽灵资源网 Design By www.bzswh.com
最近使用了layui table但是发现了一系列问题，由于被封装过不好自己修改，比如翻页后滑动条每次都会复位，导致体验不好，通过调试，我发现layui table并没有给div加id标签，我通过class定位表格div位置。
可以看到 滚动条所在div class="layui-table-body layui-table-main"
我在layui table定义了一个父div,防止多个table时定位错误，先定位父div，再寻找内部的datatable
<div class="table-responsive" id="table_and_page_div_id" >
<!--此处放一个用户表格-->
<table id="user_list_table_id" lay-filter="tabl_lay_filter"></table>
<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 table 父div
var layuitable = null; //当前的layui table
var scrollTop = 0; //记录位置
dev_obj = document.getElementById('table_and_page_div_id'); //table的父div
if (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_UserInfoDataPage;
g_tableIns.reload(g_table_config);//表格重载
layer.close(g_layer_msg_index); //关闭提示框
//还原scroll位置
if (layuitable != null && layuitable.length > 0)
{
layuitable[0].scrollTop = scrollTop;
}
以上这篇layui 实现table翻页滚动条位置保持不变的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
幽灵资源网 Design By www.bzswh.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。