javascript - 在固定定位的 div 上隐藏/显示 Jquery 的问题

Question

我在网页/观点的底部有一个粘性页脚，以及应该隐藏/显示菜单的可点击链接“切换菜单”。问题是我无法隐藏菜单，我发现问题出在应该隐藏/显示的元素的 CSS 中。它是固定位置 {position: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 适用于 STICKYFOOTER div

Answer 1

如果您隐藏“粘性页脚”div 而不是容器会怎么样？那样的话，容器将始终固定(并显示)，但是当您隐藏内容时，它不会显示任何内容。