首页 前端知识 scrollIntoView导致元素偏移问题

scrollIntoView导致元素偏移问题

2024-02-14 09:02:40 前端知识 前端哥 435 757 我要收藏

element.scrollIntoView()
需要默认为true element.scrollIntoView()等同于element.scrollIntoView(true)

(默认值)描述
true元素的顶部将对齐到可滚动祖先的可见区域的顶部
false元素的底部将与可滚动祖先的可见区域的底部对齐。

但是
scrollIntoView当元素超出可视区域的时候就会出现元素偏移的情况
解决办法有两个

  1. 修改元素
`height:100%;overflow:auto`
 var Id= document.getElementById("###(##代表id)");
Id.parentNode.scrollTop = Id.offsetTop;

这样会默认跑到顶端但是会出现一个问题使得元素的一半出不来
最好

 var Id= document.getElementById("###(##代表id)");
Id.parentNode.scrollTop = Id.offsetTop- Id.offsetHeight;
转载请注明出处或者链接地址:https://www.qianduange.cn//article/1961.html
标签
评论
发布的文章

jQuery 下载与安装教程

2024-02-28 11:02:44

若依中jquey相关问题

2024-02-28 11:02:41

【JavaWeb】1.JQuery

2024-02-28 11:02:21

jQuery日历签到插件下载

2024-02-28 11:02:20

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!