}); | }); | ||||
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%); |