CODEWITHSUNDEEP
jquery-uijquery-ui-resizable
aherrick
aherrick

Reputation: 20179

jQuery UI Resizable Simple Fixed Footer?

I have a simple footer that I want fixed to the bottom of the browser. I want to be able to resize it vertically only. The problem I have is that once I apply jQuery UI Re-sizable it sets the position to relative which obviously messes up the original intent of the layout.

Below is a simple example using JSBin of my problem.

http://jsbin.com/ubuhic/

Thoughts?

Upvotes: 1

Views: 1924

Answers (2)

sofyan
sofyan

Reputation: 76

$(function () {

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

});

This code works perfectly for me. http://jsbin.com/ubuhic/11

Upvotes: 4

Jovan Perovic
Jovan Perovic

Reputation: 20201

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

!important should do the trick...

Upvotes: -1

Related Questions