우측하단의 버튼을 어디에서 수정해야 하는지 알 수 있을까요?
981
2017.05.02 00:28
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=3ou 주소복사
본문
안녕하세요?
company_h3 테마를 사용하고 있습니다.
글쓰고 있는 지금화면을 봐도 우측하단에 화살표가 보이는데요?^^
스크롤하면 우측 하단에 Scroll Back to Top 버튼이 있는데요. 이걸 가운데 화면으로 옮길 수 있을까요?
<div id="topcontrol" title="Scroll Back to Top" style="position: fixed; bottom: 5px; right: 5px; opacity: 0; cursor: pointer;"><div class="eb-top"><i class="fa fa-angle-up"></i></div></div>
element.style {
- position: fixed;
- bottom: 5px;
- right: 5px;
- opacity: 1;
- cursor: pointer;
0
좋아요!
레벨 4
경험치 1,545
Progress Bar 44%
- 가입일 : 2016-05-01 23:55:45
- 서명 :
- 자기소개 :
댓글목록
디폴트님의 댓글
소스 중 좌표를 결정하는 부분을 아래처럼 수정하세요
수정 후 테스트해 보진 못했어요수정 전
축하합니다. 첫댓글 포인트 41포인트를 획득하였습니다.
플라잉피그님의 댓글
말씀하신대로 topcontrol부분을 찾아야 수정할 수 있는데 <div id="topcontrol" title="Scroll Back to Top" style="position: fixed; bottom: 5px; right: 5px; opacity: 0; cursor: pointer;"> 이부분이 어느파일에 있는지를 못찾겠습니다. 아무리 찾아봐도, tail_sub....주로 하단부가 아닐까하고 찾아봐도 안보이고... ㅠㅠ 답변 감사합니다.
디폴트님의 댓글
보통 브라우저의 요소검사를 이용해보시면 어떤 파일 속에 관련된 정의가 있는지 알 수 있어요
예시로 이곳 이윰넷 오른쪽 아래 떠다니는 메뉴 Scroll Back to Top을 요소검사 해 보면
eyoom/theme/테마/css/style.css에 eb-top 클래스에 대한 스타일 정의가 포함되어 있네요