CODEWITHSUNDEEP
phpjquery-mobile
ASD
ASD

Reputation: 4957

jquerymobile - Footer is not placing in the bottom in firefox but works in chrome

You can see the code in http://jsfiddle.net/9ZBAS/48/

The footer is not fixing to the bottom in the firefox with switch useragent to iphone. but works well in the default browser (ie) firefox without useragent switch, And also it works well in chrome with iphone useragent.

Any idea to fix this issue so it works both in FF and chrome as well as with iphone agent..?

Upvotes: 0

Views: 219

Answers (1)

dhaval
dhaval

Reputation: 7659

Although I could not find the exact reasy why ui-footer-fixed classes is not getting applied but below code does the trick.

   $(document).bind('pageinit',function(){
        if (navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod') {
            $("div[data-role=footer][data-position=fixed]").addClass("ui-footer-fixed");
        }
    });​

I have updated your fiddle http://jsfiddle.net/9ZBAS/55/

Upvotes: 2

Related Questions