LayuiAdmin 滚动条设置问题解决


今天在使用LayuiAdmin(单页版),发现通过:

$("html,body").animate({"scrollTop":top});

这种js代码,无法控制滚动条位置

找到官方单页版演示界面,f12,查看元素相应高度发现:

LayuiAdmin 滚动条设置问题解决

打开layuiadmin的layout.html页面

LayuiAdmin 滚动条设置问题解决

在主体内容部分,最内层的div上加上id,我们需要控制的滚动条,属于该div

在需要调节滚动条位置时,可以执行:

$("#scrolldiv").animate({"scrollTop":$(this).offset().top - 50},500);//带有动态效果的定位
document.getElementById('scrolldiv').scrollTop=$(this).offset().top - 50;//通过scrollTop设置滚动位置
这两个选择一个就可以了

位置根据自己需求而定


结束

相关文章: