uni-app h5页面浏览器运行问题：当一个页面滚动后点击事件调用uni.setclipboarddata，提示内容已复制但会回到页面顶部

在 uni-app 的 H5 页面中，当你滚动页面后调用 uni.setClipboardData 方法时，页面可能会回到顶部。这是因为 uni.setClipboardData 方法在 H5 环境中可能会触发页面的重新渲染或焦点变化，导致页面滚动位置丢失。

解决方案

1. 保存滚动位置并恢复： 在调用 uni.setClipboardData 之前，保存当前的滚动位置，然后在复制操作完成后恢复滚动位置。

   export default {
     methods: {
       async copyText(text) {
         // 保存当前滚动位置
         const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
   
         // 调用复制方法
         await uni.setClipboardData({
           data: text,
           success: () => {
             uni.showToast({
               title: '内容已复制',
               icon: 'none'
             });
           }
         });
   
         // 恢复滚动位置
         document.documentElement.scrollTop = document.body.scrollTop = scrollTop;
       }
     }
   }

2. 使用 position: fixed 或 position: sticky： 如果你在页面中有固定定位的元素，确保它们不会影响页面的滚动行为。

3. 避免使用 uni.setClipboardData： 如果可能，考虑使用原生的 JavaScript 方法来实现复制功能，这样可以避免 uni.setClipboardData 带来的问题。

   export default {
     methods: {
       copyText(text) {
         const textarea = document.createElement('textarea');
         textarea.value = text;
         document.body.appendChild(textarea);
         textarea.select();
         document.execCommand('copy');
         document.body.removeChild(textarea);
         uni.showToast({
           title: '内容已复制',
           icon: 'none'
         });
       }
     }
   }