반응형
Notice
Recent Posts
Recent Comments
Link
목록스크롤 (2)
투케이2K
119. (javascript/자바스크립트) scrollTop 사용해 특정 객체 top , bottom 위치 스크롤 이동 실시
[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : javascript [자바스크립트 소스코드] [BODY 소스코드] TOP 이동 BOTTOM 이동 ONE TWO THREE [결과 출력] [TOP 스크롤 이동 실시] [BOTTOM 스크롤 이동 실시] [요약 설명] /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. document.getElementById : 특정 객체 태그 아이디를 지정합니다 3. scrollTop : 특정 태그 스크롤 위치를 지정합니다 */
JavaScript
2021. 9. 12. 10:23
65. (html/css/javascript/jquery) 모바일 스크롤 시 부드럽게 처리하기 - overflow scrolling
[개발 환경 설정] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [소스 코드] /* [html, body 영역 스타일 지정] */ html, body { width : 100%; height : 100%; margin : 0; padding : 0; border : none; /* [모바일 스크롤 시 부드럽게 처리] */ overflow:scroll-y; -webkit-overflow-scrolling:touch; } /* [body 스크롤바 메인 스타일 지정] */ body::-webkit-scrollbar { width: 0px; background-color: #c1c1c1; } /* [body 스크롤바 thumb 스타일 지정] */ body::-webkit..
FrontEnd
2021. 7. 30. 07:53