브라우저 상단에 고정 시키는 제이쿼리 소스
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
var menupos = $("#header").offset().top;
$(window).scroll(function(){
if($(window).scrollTop() >= menupos) {
$("#header").css("position","fixed");
$("#header").css("top","0");
$('#top_mar').show();
}
});
});
</script>
<header id="#header">
<div id="top_mar" style="display:none;">상단에 고정된 영역</div>
</header>
제이쿼리를 이용하여 div 태그를 상단에 고정하는 소스에요.
빨강색 부분에 네비게이션 메뉴 코딩을 넣으면 메뉴를 상단에 고정하는 소스로 활용도 할 수 있어요
게시글 목록
| 번호 | 제목 |
|---|---|
| 11800 |
jQuery
마우스 오버 위치에 따라 툴팁 생성 및 자동 이동
|
| 11798 | |
| 11797 |
jQuery
제이쿼리 동적으로 생성된 객체에 이벤트 생성하기
|
| 11796 | |
| 11795 | |
| 11794 |
JavaScript
shuffle 배열섞기
|
| 11793 |
jQuery
제이쿼리 모음 사이트
|
| 11792 |
PHP
1원팁] IP 대역 비교
|
| 11791 | |
| 20314 | |
| 11785 |
PHP
input 쉽게 관리하기
5
|
| 11782 |
JavaScript
서버시간을 사용한 전자시계
2
|
| 11781 | |
| 20312 | |
| 11780 |
JavaScript
구글 웹사이트 번역기를 내 사이트에 달기
|
| 11778 | |
| 11773 | |
| 293 | |
| 11772 |
JavaScript
자바스크립트(4)
|
| 11771 |
PHP
자바스크립트(3)
|
| 11770 |
JavaScript
자바스크립트(2)
|
| 11769 |
JavaScript
자바스크립트(1)
|
| 11767 |
PHP
정규 표현식
1
|
| 11766 |
PHP
기타 함수
|
| 11765 |
PHP
수학 연산 함수
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기