note

jquery/css 모바일에서 스크롤시 헤더/상단 고정되어 내려오기. script: $(function(){ /* header fixed */ var isFixed = false; var offset = $(".header").height(); checkOffset(); $(window).scroll(function() { checkOffset(); }); function checkOffset() { if ( $('body').scrollTop() > offset){ if(!isFixed){ isFixed = true; $('.header').addClass('fixed'); $('.header').css("top", ($(".header").height()*-1)+'px'); $('.header').s..

모바일 코딩시에 상하단 고정된 레이아웃으로 코딩을해야할때가있다. 방법은 여러가지이지만 탭기능같은게 있다면 아래 레이아웃이 편리할것같은부분,, css : * {margin:0;padding:0;} ul { margin:0; padding:0; list-style:none; } ul li { height:40px; border:1px solid #000; text-align:center; } #h,#f { font-size:20px; text-align:center; background-color:#c27b00; color:#f3f3f3; font-weight:bold; text-shadow:0 -1px 0 rgba(0,0,0,0.5); line-height:45px; opacity: 0.6; } #h { ..