前端页面的问题

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定位

[HTML] 纯文本查看 复制代码

<!-- 鸡蛋部分 -->
        <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定位
[mw_shl_code=html,true]

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

断头台下出孝子 · 发表于 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
谢谢大佬，谢谢你，好强呀，我刚加上这个，就真的可以了。困扰了我好几天了，十分感谢，祝大佬事事顺心！ ...

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

帐号		自动登录	找回密码
密码			注册[Register]

[求助] 前端页面的问题