웹마스터 팁
탑으로 가는 버튼이 특정위치에서 나타나게 하기
2015.06.09 01:24
jquery 를 사용하였습니다.
아래예제
http://imyouridea.com/exa/scroll_top.html
$(function() {
$(window).scroll(function () {
var scroll_height = $(document).scrollTop();
if ( 800 <= scroll_height ) {
$(".top").fadeIn();
}
else {
$(".top").fadeOut();
}
});
});
탑버튼입니다. 위소스코드를 보시면 지정된 숫자보다 스크롤보다 작으면 .top class인 div가 보이고 사라지고입니다.
예제 파일확인바랍니다.
댓글 0
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 1.8.3 통합 검색시 제목+내용 으로 하기 | 불금 | 2015.06.09 |
탑으로 가는 버튼이 특정위치에서 나타나게 하기
 | 동네남자 | 2015.06.09 |
| 창크기에 따라 생기고 없어지는 배너 만들기 [1] | 착한동구 | 2015.06.05 |
| 구글 웹폰트 부분으로 적용하기 | 착한동구 | 2015.06.05 |
| 알림LITE의 모바일쪽지 확인시 "잘못된 요청" 처리법 [1] | Hello_XE | 2014.10.28 |
| php 버전을 다운그레이드 하기 [2] | 6미리 | 2015.06.04 |
|
간단하게 외부 SMTP 로 인증메일 보내기.
[1]
| AJKJ | 2014.07.22 |
|
Hostinger(호스팅어) 등 해외 서버에서 XE 설치화면이 깨진다면
[9]
| YJSoft | 2015.01.11 |
| 구글에서 제공하는 웹폰트 적용법 | 착한동구 | 2015.06.04 |
| (오류x, 정보)ckeditor와 xpresseditor의 서식은 서로 다르네요. 반응형만드실 때 주의하실 필요가 있겠습니다. | 큰성565 | 2015.06.04 |
| 코어 1.5 모바일에서 닉네임 클릭시 팝업 메뉴안 뜰때.. | 착한악마 | 2015.06.03 |
| 자바스트립으로 내용을 숨겼다/보이기 | 착한동구 | 2015.06.03 |
|
저같은 초보분들이 궁금해 하실것같아서요
[3]
| 착한동구 | 2015.05.08 |
| cloudflare에서 nginx 아이피 제대로 표시하기 [3] | natura | 2014.11.13 |
| 카르마님의 외부 이미지 저장 애드온 에서 swf를 받아오기 | 불금 | 2015.06.01 |
| 네이버 카페 처럼 조회하고 [2] | XE모듈 | 2015.05.31 |
| 타임라인 모듈 두개 이상 생성 및 페이지가 넘어가지 않은 문제에 관하여 | 함삐까 | 2015.06.01 |
| 스키마 변경 후 쿼리 오류가 발생할 때 | 신평 | 2015.06.01 |
| 글쓰기 폼에 미리 기본 내용 입력 [24] | 송동우 | 2012.07.18 |
| 29일 licencexe설치시 XE마비현상 [3] | XE힘들당휴 | 2015.05.29 |