网站制作程序,网站建设外包网,网站及单位网站建设情况,wordpress 众筹模板项目场景#xff1a;
普通的头部固定#xff0c;中间滑动的布局#xff0c;中间内容有表单#xff0c;提交校验不通过时滚动到第一个错误项 问题描述
elementuiplus的scroll-to-error设置之后是局部滚动 当头部内容层级高于中间表单的时候#xff0c;错误会被遮挡。 ---…项目场景
普通的头部固定中间滑动的布局中间内容有表单提交校验不通过时滚动到第一个错误项 问题描述
elementuiplus的scroll-to-error设置之后是局部滚动 当头部内容层级高于中间表单的时候错误会被遮挡。 ---# 原因分析错误被遮挡的原因 scroll-to-error是局部滚动头部内容层级高时会被遮住---# 解决方案## **scrollIntoView**通过找到错误节点并指定滚动到错误节点****
javascript
nextTick(() {let isError document.getElementsByClassName(is-error)isError[0].scrollIntoView({// 滚动到指定节点// 值有start,center,endnearest当前显示在视图区域中间block: center,// 值有auto、instant,smooth缓动动画当前是慢速的behavior: smooth,})})总结:正确的思想指导正确的行动 分析问题背后的原因再采取正确的方式解决
