jquery - 使用 jquery 将页脚固定在页面底部

Question

我的页脚有问题。我试图让页脚贴在我的页面底部

但是当我滚动时，页脚也会滚动到顶部。就像它固定在页面上一样。在我的网站上，我使用 jQuery、jQuery Mobile、bootstrap。

还有一个额外的页脚栏，它保持固定，但我不能在里面写任何东西。

<div data-role="footer" class="ui-bar" data-position="fixed">
<p>footer</p>
</div>

关于 m.alfanet.be 的例子

Answer 1

您的页面布局不正确，您缺少带有 data-role='page' 的 div

基本页面jquery移动布局:

<div data-role="page" id="foo">

    <div data-role="panel" id="mypanel">
       <a href="#doSomething">doSomething</a>
    </div><!-- /panel -->

    <div data-role="header">
        <h1>Foo</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>I'm first in the source order so I'm shown as the page.</p>      
        <a href="#popupBasic" data-rel="popup">Open Popup</a>
        <a href="#mypanel">Open panel</a>   
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->

    <div data-role="popup" id="popupBasic">
        <p>This is a completely basic popup, no options set.<p>
    </div>
</div>

jsfiddle

http://jsfiddle.net/tronc/Sh6BF/