# 3-2. 상위페이지 이동 푸터 넣기 

# 👉🏻 상위페이지 이동 푸터 넣기

> 📌 코드 설정이 어려워요 (되도록이면 안건드리는게 좋아요!)
> 📌 이미지 바꾸는거랑 위치 바꾸는거만 설명해드릴게요!
> 📌 아래 사진처럼 환경설정 → SEO(검색엔진최적화) → Footer Code에서 수정이 가능합니다

![Image](https://upload.cafenono.com/image/slashpageHome/20240324/014711_s443tyJ2OH88SJJXRS?q=75&s=1280x180&t=outside&f=webp)

> 📌 위치 수정은 Style에서 `PC TOP 버튼` 혹은 `모바일 TOP 버튼` 에서 **bottom** 과 **right**를 수정하시고 실시간으로 웹페이지를 띄워 놓고 보면서 진행하면 됩니다 
> 📌 사진 수정은 `PC TOP 버튼 HTML` 혹은 `모바일 TOP 버튼 HTML` 에서 **img src=""** 에 사진주소만 넣어주시면 됩니다  
> 

```javascript
<!-- 상단/하단 이동 스크롤 버튼 -->
<style>
/* PC TOP 버튼 */
  #scrollTopPc {
    display: none;
    position: fixed;
    bottom: 80px; /* 브라우저 아래쪽 끝에서부터의 거리 */
    right: 40px; /* 브라우저 오른쪽 끝에서부터의 거리 */
    cursor: pointer;
    z-index: 99;
}

/* 모바일 TOP 버튼 */
#scrollTopMob {
    display: none;
    position: fixed;
    bottom: 64px; /* 브라우저 아래쪽 끝에서부터의 거리 */
    right: 15px; /* 브라우저 오른쪽 끝에서부터의 거리 */
    z-index: 99;
}

</style>

<!-- PC TOP 버튼 HTML -->
<div onclick="topFunction()" id="scrollTopPc" class="hidden-md hidden-sm hidden-xs">
    <img class="toptop" src="https://cdn.imweb.me/upload/S202310191624e42e884b9/5ddd8fe9a0ad4.png" width="40" height="40">
</div> 
<!-- 모바일 TOP 버튼 HTML -->
<div onclick="topFunctionMob()" id="scrollTopMob" class="hidden-lg">
    <img class="toptop" src="https://cdn.imweb.me/upload/S202310191624e42e884b9/5ddd8fe9a0ad4.png" width="40" height="40">
</div>

```

> ** 📌 아래 링크에서 상세 가이드를 볼수 있어요** 

[상단/하단 이동 스크롤 버튼 만들기 (코드, 고급)](https://imweb.me/faq?mode=view&category=29&category2=38&idx=71621)

For the site tree, see the [root Markdown](https://slashpage.com/amaewo.md).