dunduner

Results 4 comments of dunduner

【方案讨论】针对el中依赖了poper.js 的fixed定位偏移解决方案

> 昨晚熬夜4个小时排查原因，以及使用最小代价实现弹框偏移解决办法：刚刚写了热乎的文章。可以参考一下。 [微前端下element-ui弹框偏移问题解决](https://segmentfault.com/a/1190000044158847) 另外附上实现效果： ![GIF](https://private-user-images.githubusercontent.com/16645035/263782970-ddd8e6b1-dc3d-4695-9be9-1a1596f60b38.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzNTczNjcsIm5iZiI6MTcyMTM1NzA2NywicGF0aCI6Ii8xNjY0NTAzNS8yNjM3ODI5NzAtZGRkOGU2YjEtZGMzZC00Njk1LTliZTktMWExNTk2ZjYwYjM4LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE5VDAyNDQyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFkNWQ0ZDMyZjYzMGQ0NDFjYjAzODZhZGRhMzk4MmRlMWU2YjhhY2MyN2E5NWUxYTFhYmM1YjdiYjkxOTJiYTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AqhjT73a4R8Oy9opOrgsRHkUQ4iSJ7HSy13Hmbn8U_A) [ ![GIF](https://private-user-images.githubusercontent.com/16645035/263782970-ddd8e6b1-dc3d-4695-9be9-1a1596f60b38.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzNTczNjcsIm5iZiI6MTcyMTM1NzA2NywicGF0aCI6Ii8xNjY0NTAzNS8yNjM3ODI5NzAtZGRkOGU2YjEtZGMzZC00Njk1LTliZTktMWExNTk2ZjYwYjM4LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE5VDAyNDQyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFkNWQ0ZDMyZjYzMGQ0NDFjYjAzODZhZGRhMzk4MmRlMWU2YjhhY2MyN2E5NWUxYTFhYmM1YjdiYjkxOTJiYTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AqhjT73a4R8Oy9opOrgsRHkUQ4iSJ7HSy13Hmbn8U_A) ](https://private-user-images.githubusercontent.com/16645035/263782970-ddd8e6b1-dc3d-4695-9be9-1a1596f60b38.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzNTczNjcsIm5iZiI6MTcyMTM1NzA2NywicGF0aCI6Ii8xNjY0NTAzNS8yNjM3ODI5NzAtZGRkOGU2YjEtZGMzZC00Njk1LTliZTktMWExNTk2ZjYwYjM4LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE5VDAyNDQyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFkNWQ0ZDMyZjYzMGQ0NDFjYjAzODZhZGRhMzk4MmRlMWU2YjhhY2MyN2E5NWUxYTFhYmM1YjdiYjkxOTJiYTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AqhjT73a4R8Oy9opOrgsRHkUQ4iSJ7HSy13Hmbn8U_A) [ ](https://private-user-images.githubusercontent.com/16645035/263782970-ddd8e6b1-dc3d-4695-9be9-1a1596f60b38.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzNTczNjcsIm5iZiI6MTcyMTM1NzA2NywicGF0aCI6Ii8xNjY0NTAzNS8yNjM3ODI5NzAtZGRkOGU2YjEtZGMzZC00Njk1LTliZTktMWExNTk2ZjYwYjM4LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE5VDAyNDQyN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFkNWQ0ZDMyZjYzMGQ0NDFjYjAzODZhZGRhMzk4MmRlMWU2YjhhY2MyN2E5NWUxYTFhYmM1YjdiYjkxOTJiYTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AqhjT73a4R8Oy9opOrgsRHkUQ4iSJ7HSy13Hmbn8U_A) 我用的也是官方实例，然后加了一个固定顶部的导航，向下滚动后popper计算定位会出现向下偏差

【方案讨论】针对el中依赖了poper.js 的fixed定位偏移解决方案

我用的是官方实例，然后加了一个固定顶部的导航，用的方法五，向下滚动后popper计算定位会出现向下偏差，方法六是都变成固定的了（并且方法六的element ui组件样式会丢失），用的是element ui，子应用版本是"element-ui": "2.15.6", 主应用"wujie": "workspace:^1.0.22", ``````js // 方法五5 // { // jsLoader: (code) => { // // 替换popper.js内计算偏左侧偏移量 // var codes = code.replace( // "left: elementRect.left - parentRect.left", //...

【方案讨论】针对el中依赖了poper.js 的fixed定位偏移解决方案

> > 昨晚熬夜4个小时排查原因，以及使用最小代价实现弹框偏移解决办法：刚刚写了热乎的文章。可以参考一下。 [微前端下element-ui弹框偏移问题解决](https://segmentfault.com/a/1190000044158847) 另外附上实现效果： ![GIF](https://user-images.githubusercontent.com/16645035/263782970-ddd8e6b1-dc3d-4695-9be9-1a1596f60b38.gif) > > > > [ > > > > > > ![GIF](https://user-images.githubusercontent.com/16645035/263782970-ddd8e6b1-dc3d-4695-9be9-1a1596f60b38.gif) > > ](https://user-images.githubusercontent.com/16645035/263782970-ddd8e6b1-dc3d-4695-9be9-1a1596f60b38.gif) > > > > > > > > >...

子应用内使用ant-design-vue中的Select组件 弹出框出现计算错误

> > 请问解决了吗，我也遇到一样的问题 > > 没有 现在解决了嘛