3

ウェブページ/ビューポイントの下部にスティッキーフッターがあり、メニューを表示/非表示にする必要があるクリック可能なリンク「メニューの切り替え」があります。問題は、メニューを非表示にできないことです。問題は、非表示/表示するはずの要素のCSS内にあることに気付きました。これは固定位置です{position：fixed;} ...「fixed」を削除すると、メニューの非表示と表示は100％機能しますが、明らかにメニューはブラウザの下部に表示されなくなります。

固定ポジショニングでこれをどのように機能させることができますか？

表示/非表示にするJavascriptは次のようになります。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" 
type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){

    $(".slidingDiv").show();
    $(".show_hide").show();

$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});

});

</script>

HTMLは次のようになります：

<div id="stick_footer_title"><a class="show_hide" href="#">Toggle Menu
 &#x25BC;</a></div>
<div class="slidingDiv">
<div id="stickyfooter">

<ul id="footer_menu"> 
    <li class="imgmenu"><a href="#"></a></li>

    <li><a href="#intro">Intro</a></li>
    <li><a href="#photos">Photos</a></li>

</ul>
</div>
    </div>

参考：位置：修正; cssはSTICKYFOOTERdivに適用されます

4

3 に答える 3

1

コンテナの代わりに「stickyfooter」divを非表示にするとどうなりますか？そうすると、コンテナは常に固定（および表示）されますが、コンテンツを非表示にすると、何も表示されなくなります。

于 2012-06-22T19:02:03.297 に答える
0

期間パラメータを指定してみてください。

このような：

$(".slidingDiv").slideToggle("slow");
于 2012-06-22T18:58:15.020 に答える
0

可能であれば、固定位置を#stickyfooterから.slidingDivに移動するか、＃stickyfooter内に非表示/表示する新しい要素を作成します。

于 2012-06-22T23:33:31.983 に答える