admin管理员组

文章数量:1611397

网上看了很多解决办法，但都不适用我遇到的这个抖动问题。
之所以页面会抖动是因为定位写在了动画里，如果想要动画还不想让其抖动，就用如下办法：
第一步：
在全局的components文件夹中新建InBody.vue文件

第二步：
进入InBody.vue文件编写如下代码：

<template>
	<div>
	<!-- 占位 -->
	<slot></slot>  
	</div>
</template>
<script>
export default{
	mounted(){
		const node = this.$mount().$el
		document.body.appendChild(node)
	},
	destroyed(){
		const node = this.$mount().$el
		node.remove();
	},
}
</script>

第三步：
进入main.js文件进行配置，配置代码如下

第四步：
在使用position:fixed的文件中写入in-body标签，inbody标签包裹要定位的标签

本文标签： 页面Positionfixed

版权声明：本文标题：解决使用position:fixed；定位页面抖动问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1728603975a1165217.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。