2

私はFaceboxという jQuery プラグインを使用して、コンテンツを含むダイアログを作成しています。もちろん、ページの残りの部分をブロックしてフェードアウトしています。

このプラグインは、次のようなレイアウトとして外部 HTML ページを適用できます。

<a href="remote.html" rel="facebox">Open Facebox Dialog</a>

私はフェイスボックスダイアログを固定サイズにする予定で、フェイスボックスには最終的にアクセスするためにスクロールが必要なコンテンツが含まれます。

ただし、「固定フッター」のように、コンテンツの一部を常に下部に固定することも必要です。

Joseph Silber のソリューションを適用しようとしました (ページ全体に対して実行したい場合に機能します: fiddle ) が、ページの下部にあるダイアログの外側に固定フッターが配置されます。

フッターがずれているスクリーンショット

また、 RegDwight のソリューションを適用してみましたが、次のような提案がありました: http://jsfiddle.net/c82ha/2/

これにより、下部に適切に固定されますが、フィドルが示すように、下にスクロールする前に表示されません。

スクロールやページの残りのサイズに関係なく、一番下に固定したい。

これどうやってするの？

関連している：

4

1 に答える 1

0

ダイアログ内にフッターを絶対配置しようとしましたか?

HTML

<div class="dialogue">
    <div class="content">
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
    </div>
    <div class="footer">
        Footer
    </div>
</div>

CSS

.dialogue{
    width: 200px;
    height: 500px;
    position: relative;
    background: red;
}
.dialogue .footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    color: #fff;
}
​

jsフィドル

于 2012-09-12T19:02:21.693 に答える