2

I used a tutorial for a sticky footer. It worked, but I then added JQuery Mobile and it no longer works. Here is a jfiddle (doesn't work ). Unclick the use of the Jquery mobile extension and it does what I want. How can I get the functionality I had with the use of Jquery mobile?

http://jsfiddle.net/SteveRobertson/CTjZs/15/

It uses the basic sticky footer structure...

<div id="wrap">
    <div id="main">
        content
    </div>
</div>

<div id="addfooter">
</div>

Thank you for taking the time to consider my question.

Henrik Andersson
  • 45,354
  • 16
  • 98
  • 92
Four_lo
  • 1,150
  • 10
  • 28
  • in FF is sticky as it can be! – Roko C. Buljan Apr 14 '13 at 07:05
  • @roXon Even with jquery mobile enabled? I am using my droid and a chrome browser, both lock the footer to the bottom of the window but it is not in the view at all times. – Four_lo Apr 14 '13 at 07:09
  • 1
    Take a look at http://view.jquerymobile.com/1.3.1/dist/demos/widgets/fixed-toolbars/ and see if it's a viable alternative.. – asifrc Apr 14 '13 at 07:10
  • @asifrc yes thank you that is what I was looking for. When no onclick action is assigned to my footer; it clicks what is behind that footer. It works when I assign action to my footer. Is there something you know of I should do to deactivate the action behind the footer or is simply assigning an onclick action to my footer going to be sufficient? – Four_lo Apr 14 '13 at 08:22
  • @Four_lo I posted my link as answer so future visitors have easy access. Unfortunately, I don't know about the onclick thing without taking a look. Perhaps if you could post a jsfiddle of it. It probably would be best to post as a separate question, and chances are it'll get better attention, a better answer than I might provide, and might help someone who runs into the problem later on.. – asifrc Apr 14 '13 at 08:40
  • @Four_lo btw, if you do post it as another question, it'd be helpful for me and maybe others if you posted a link to the new question here so we can find it :) – asifrc Apr 14 '13 at 08:51

1 Answers1

2

jQuery Mobile has a native footer that supports a fixed, or 'sticky', position. An example and documentation can be found at http://view.jquerymobile.com/1.3.1/dist/demos/widgets/fixed-toolbars/

asifrc
  • 5,781
  • 2
  • 18
  • 22