admin管理员组

文章数量:1794759

前端开发PC端页面，出现页面抖动原因及解决办法

前端开发PC端页面，出现页面抖动原因及解决办法

问题描述：

前端开发PC端页面，出现页面抖动，屏幕不停闪动

原因分析：

原因是，每台电脑的尺寸大小不一样。当页面获取的数据跟电脑屏幕刚好一直时，他就会出现这个问题，伸展/收缩，伸展收缩，出现滚动条，隐藏滚动条，一直在不停的变换才导致页面一直闪。这个场景其实可以模拟出来，我们把一个页面先缩放/扩大到跟屏幕产不多大的时候，找到这个页面的样式。加个margin-bottom,把数值一直加，加到跟屏幕一样大小的时候，他就会闪动了。（我不会做动图gif,所以那个闪动的效果放不上了，可以自行试一下）

解决方案： 1.找到相对应的页面的div 加上样式： .app-container { height: 100%; overflow: auto; margin: 0; //加上这个把滚动条隐藏掉，否则就会出现两个滚动条 }

参考文章：

参考文章

本文标签： 页面解决办法原因PC

版权声明：本文标题：前端开发PC端页面，出现页面抖动原因及解决办法 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686504358a74934.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。