前端页面的问题

tanzhongfa2 发表于 2022-9-28 20:58

各位吾爱的大佬大家好，最近我在写一个小demo的时候遇到了一个问题，我写的是一个鸡蛋，点击他后鸡蛋裂开出现文字，但是点击之后在次刷新页面，页面会产生偏移。苦苦寻找几天，也没有找到原因，求各位大神指点迷津。
文件我放下面了，原生js加css加html总共不超过110行，js只有11行，css有71行.谢谢大家批评指正！！！
下面是蓝奏云链接
https://wwz.lanzouy.com/iUzSb0cisf9i

r396517261 发表于 2022-9-28 21:32

最外层div宽度改成100vw试试

大Z. 发表于 2022-9-28 21:48

用absolute定位

   <div style="position: absolute;top: 268px;left: 703px;transform: rotate(-3deg);cursor: pointer;" class="bounsegg shake">
         <img src="img/左边蛋壳.svg" alt="" style="width: 233px;height: 184px;position: absolute;left: -42px;top: 9px;" class="leftegg">
         <img src="img/右边蛋壳.svg" alt="" style="width: 245px;height: 176px;position: absolute;left: 10px;top: 5px;" class="rightegg">
   </div>

tanzhongfa2 发表于 2022-9-28 22:00

r396517261 发表于 2022-9-28 21:32
最外层div宽度改成100vw试试

谢谢哥，刚测试了，还是会出现那个情况。但是他的背景不会乱动了，谢谢你

tanzhongfa2 发表于 2022-9-28 22:02

大Z. 发表于 2022-9-28 21:48
用absolute定位

谢谢大佬，谢谢你，好强呀，我刚加上这个，就真的可以了。困扰了我好几天了，十分感谢，祝大佬事事顺心！！！！

断头台下出孝子 发表于 2022-9-28 22:08

您好楼主，<div style=" overflow: hidden; width: 100%;height:100vh ;position: relative;background-image: url(img/没蛋.svg);background-repeat: no-repeat;background-position: center;background-size: cover;"id="egg"> 加入overflow: hidden，就可以，页面样式书写位置有点混乱，建议分离

tanzhongfa2 发表于 2022-9-29 20:11

tanzhongfa2 发表于 2022-9-28 22:02
谢谢大佬，谢谢你，好强呀，我刚加上这个，就真的可以了。困扰了我好几天了，十分感谢，祝大佬事事顺心！ ...

大佬您好，我这个蛋点击一下子，他会上升在下降，这是怎么回事呀，这又是哪里的问题呢？？？

页: [1]

吾爱破解 - 52pojie.cn's Archiver

前端页面的问题