Drag拖动在106版本谷歌浏览器白屏

        最近在做项目中遇到了一个问题,就是客户升级到最新版的谷歌浏览器:  106.0.5249.119正式版,导致原来的拖动排序功能不能正常使用,页面显示白屏;找到了如下的解决方法;

<ul style="transform: translate(0, 0);z-index: 0">
    <li>拖动的内容</li>
    <li>拖动的内容</li>
    <li>拖动的内容</li>
    <li>拖动的内容</li>
    <li>拖动的内容</li>
    <li>拖动的内容</li>
  </ul>

或者在外侧的dom元素中,添加下面的css属性;

外侧的dom选择器{
    transform: translate(0, 0);
    z-index: 0;
}

这样就能解决拖动的问题了。据说谷歌在107版本会修复这个问题;

posted @ 2022-10-26 14:54  程先生哈  阅读(49)  评论(0编辑  收藏  举报