scrollIntoView 滑动卡顿或scrollIntoView不生效问题

最新推荐文章于 2024-07-12 09:43:20 发布

bugdemon8023

最新推荐文章于 2024-07-12 09:43:20 发布

阅读量7.3k

点赞数

分类专栏：其他文章标签： scrollIntoView

本文链接：https://blog.csdn.net/smz8023/article/details/104044221

版权

其他专栏收录该内容

40 篇文章 0 订阅

订阅专栏

在实际生产中遇到scrollIntoView滑动卡顿现象；

   dom.scrollIntoView({
            behavior: "smooth",
            block: "nearest", //"start",// | "center" | "end" | "nearest", // 默认
            inline: "nearest" 
          });

你可能在滑动过程中进行了原生事件的监听就会阻断该事件继续执行；
解决办法：取消某些监听事件
比如：

  const img = new window.Image();
        
      img.src = imgUrl;
      // 这里面监听img的onload事件  就会阻断 原生事件scrollIntoView 的滑动；取消则解决
       img.onload = ()=>{
      		
		}