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

您的页面布局不正确，您缺少一个 divdata-role='page'

基本页面 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/

Answer 2

您似乎正在为手机设计一个网站（因为您正在使用 jQuery Mobile）。

手机上的固定位置效果不太好。对于每个移动浏览器，您的固定元素的行为会有所不同。

看看Brad Frost 的这项伟大研究。