| }); | }); | ||||
| all.addEventListener("touchmove",function () { | all.addEventListener("touchmove",function () { | ||||
| let scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; | let scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; | ||||
| if(scrollTop==0 && event.touches[0].clientY>startSite && !that.$store.state.menuState || all.scrollHeight-all.clientHeight==Math.ceil(scrollTop) && startSite>event.touches[0].clientY && !that.$store.state.menuState){ | if(scrollTop==0 && event.touches[0].clientY>startSite && !that.$store.state.menuState || all.scrollHeight-all.clientHeight==Math.ceil(scrollTop) && startSite>event.touches[0].clientY && !that.$store.state.menuState){ | ||||
| event.preventDefault(); | event.preventDefault(); | ||||
| } | } |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |
| height: 15.06rem; | height: 15.06rem; | ||||
| } | } | ||||
| .contentFrame{ | .contentFrame{ | ||||
| position: absolute; | |||||
| position: fixed; | |||||
| left: 50%; | left: 50%; | ||||
| top: 50%; | top: 50%; | ||||
| transform: translate(-50%,-50%); | transform: translate(-50%,-50%); |