0

わかりました、皆さん、私はこれでバタバタしています。

クライアントのために、私は Genesis と WordPress を使ってたくさんのサイトを作ってきました。ただし、特定のサイトでは、固定フッターがないとテーマが見栄えがよくありません。

The problem is thatジェネシス専用の粘着性のあるフッターはないようです。これにより、ホームページに次のように表示されます。

基本的に、コンテンツの長さが足りないため、フッターが一番下に表示されません。いくつかの jQuery フッターも試しました。そのような幸運はありません。

私が現在使用している修正は次のとおりです。

/* Sticky Footer Fix - It's like "Dirty Dancing" & "Footloose" Had a Baby . . . Mmmmm . . . */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {height: 100%;}

#inner {min-height: 79%;
    margin-bottom: 66px; /* must be same height as the footer */
    overflow: hidden;}  

#footer {position: relative;
    margin-top: -66px; /* negative value of footer height */
    height: 66px;
    clear:both;}

問題なく動作しますが、私の好みには十分な精度ではありません。このサイトで何をしているのかを見ることができます

So here's my question:

コンテンツが十分に長くない場合、Genesis でページの下部にフッターを固定する最良の方法は何ですか?

こんなに大変だったことに驚いているので、何かが足りないだけだと思います。確かに他の人がこれを行っていて、修正を実行しています。

任意の考え (CSS または jQuery) を歓迎します! 真剣にこれで睡眠を失いました。

4

3 に答える 3

1

これはうまくいきました-これをカスタムCSSスタイルシートに追加し、-スティッキーフッター:

.site-footer {  
     position: fixed;
     bottom: 0px !important;
     width: 100%;
     min-height: 100px; // change to height of your footer
     padding-top: 20px; // change padding to desired amount
     padding-bottom: 20px;
     left: 0;
     margin: 0;

}

于 2014-07-09T01:14:19.903 に答える
0

実は、私はこれを自分で整理しました！

純粋な CSS ではなく jQuery を使用するという点で、これは完璧なソリューションではありません。しかし、Genesis Framework を使用していて、スティッキー フッターの修正が必要な場合は、信じられないほど簡単です。

私がまとめたこのプラグインをダウンロードし、通常どおりインストールしてから有効化してください。README.txt 内の指示に従ったと仮定すると、すべてがグレービーになります!

助けてくれた @Shelton と、Chris Coyier によるこの記事 ( http://css-tricks.com/snippets/jquery/jquery-sticky-footer/ ) に感謝します。

実際のプラグインへのリンクは次のとおりです。

http://kangabloo.com/Kangabloo/Public/GenesisStickyFooter1.0.zip

ハッピーテーマ！

于 2013-05-20T23:23:34.710 に答える