웹마스터 팁

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가 보이고 사라지고입니다.

 

예제 파일확인바랍니다. 

제목 글쓴이 날짜
탑으로 가는 버튼이 특정위치에서 나타나게 하기 file 동네남자 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] file AJKJ 2014.07.22
Hostinger(호스팅어) 등 해외 서버에서 XE 설치화면이 깨진다면 [9] file YJSoft 2015.01.11
구글에서 제공하는 웹폰트 적용법 착한동구 2015.06.04
(오류x, 정보)ckeditor와 xpresseditor의 서식은 서로 다르네요. 반응형만드실 때 주의하실 필요가 있겠습니다. 큰성565 2015.06.04
코어 1.5 모바일에서 닉네임 클릭시 팝업 메뉴안 뜰때.. 착한악마 2015.06.03
자바스트립으로 내용을 숨겼다/보이기 착한동구 2015.06.03
저같은 초보분들이 궁금해 하실것같아서요 [3] file 착한동구 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
CentOS 6.5 웹로그 모니터링 awstats 설치하기 [1] lililiillililiil 2014.04.29