2012-02-28 4 views
0

브라우저 바닥에 고정시키고 싶은 간단한 바닥 글이 있습니다. 수직으로 만 크기를 조정할 수 있기를 원합니다. 내가 가진 문제는 일단 jQuery UI Re-size를 적용하면 상대적인 위치를 설정하여 레이아웃의 원래 의도를 분명히 망칠 수 있다는 것입니다.jQuery UI 크기를 조정할 수있는 간단한 고정 바닥 글?

다음은 JSBin을 사용하는 간단한 예입니다.

http://jsbin.com/ubuhic/

생각을?

트릭을 할해야
+0

잘 모르겠지만 Chrome에서는 꽤 괜찮습니다. –

+0

브라우저 하단에 고정해야합니다. – aherrick

+0

.... 편집 :'footer' CSS에서'position : fixed'에'! important'를 추가하십시오. 나는 완전한 CSS와 함께 대답을 추가했다. ... –

답변

-1
footer 
{ 
    height: 200px; 
    bottom: 0px; 
    position: fixed !important; 
    width: 100%; 
    background-color: #cc0000; 
} 

!important ...

+0

는 점점 더 가까워지고있는 것처럼 보이지만, 크기를 조정하자마자 다시 나에게 점프한다. 그 행동을보고 있니? – aherrick

+0

이 문제가 완전히 해결되지는 않습니다. – aherrick

2
$(function() { 

    $('footer').resizable({ 
    handles: 'n, s' 
    }).bind('resize', function(){ 
     $(this).css("top", "auto"); 
    }); 

}); 

이 코드는 나를 위해 완벽하게 작동합니다. http://jsbin.com/ubuhic/11

관련 문제