웹마스터 팁

  2. Support
  3. 웹마스터 팁

탑으로 가는 버튼이 특정위치에서 나타나게 하기

2015.06.09 01:24

동네남자

jquery 를 사용하였습니다. 

 

아래예제

http://imyouridea.com/exa/scroll_top.html

 

?
1
2
3
4
5
6
7
8
9
10
11
12
$(function() {
$(window).scroll(function () {
var scroll_height = $(document).scrollTop();
if ( 800 <= scroll_height ) {
$(".top").fadeIn();
 
} 
else {
$(".top").fadeOut();
}
});
});

 

탑버튼입니다. 위소스코드를 보시면 지정된 숫자보다 스크롤보다 작으면 .top class인 div가 보이고 사라지고입니다.

 

예제 파일확인바랍니다. 

이 게시물을

86년생 31살 웹제작자입니다.

열정적이고 항상 낮은 자세에서 최선을 다합니다.

 

합리적인 가격, 제대로된 디자인.

http://www.imyouridea.com

 

Im your IDEA

010-9953-7531

카카오 : re860630 

 

적극적인 기획->디자인->퍼블리싱->개발

 

감사합니다^^

좋아요
목록
제목 글쓴이 날짜
네이버 날씨 위젯 입니다 file codlllle 2015.06.15
다음 실시간 검색어 위젯 file codlllle 2015.06.19
위젯 복사 팁 - 이걸 왜 이제야 알았을까.. socialskyo 2015.06.17
페이스북 공유할 때 모바일에서는 이미지 안뜨는 증상 file silhwang 2015.06.14
프레임셋을 이용하여 도메인 명만 보여주기 /xe ~~ 와 같은 것 없애기 [5] 만쓰별(정만) 2009.01.23
자동 저장되었습니다에 초단위 추가 file 불금 2015.06.13
간단한(?) 해시태그 소스.. [18] Ikoo 2015.06.10
회원가입시 아이피 기록하기 [10] 수직상승 2014.04.24
해당 그룹 or 관리자는 애드온 실행 안되게 하기 [3] 불금 2015.06.10
상단바 (navbar) 고정 레이아웃 알림센터 close시 밀려나는 현상 해결법 [2] file 불금 2015.06.13
Font Awesome 메뉴바에 적용하기 file 불금 2015.06.13
1.7.3 최신버전 특정사이트 iframe(아이프레임) 일반회원 html적용가능하게 하기 [2] imgXE™ 2013.05.06
포인트 복권 모듈 관리자 페이지 1.7이상에 맞게 [10] file 착한악마 2015.06.10
Uchat 에서 XE 프로필 이미지 불러오게 수정하는법 file 불금 2015.06.10
MARIADB or MYSQL 의 INNODB로 엔진 변경 PHP스크립트 간장게장같은남자 2015.06.10
트래픽 차단된 이미지들 보는 방식 만들었네요. SeungXE 2015.06.10
외부이미지 저장 애드온을 본문을 읽으면 작동하도록 하자!! 1.7.3적용 [18] 하얀마법 2013.03.16
1.8.3 통합 검색시 제목+내용 으로 하기 불금 2015.06.09
탑으로 가는 버튼이 특정위치에서 나타나게 하기 file 동네남자 2015.06.09
창크기에 따라 생기고 없어지는 배너 만들기 [1] 착한동구 2015.06.05
태그 쓰기