3

我在网页/视点底部有一个粘性页脚，以及应该隐藏/显示菜单的可点击链接“切换菜单”。问题是我无法隐藏菜单，我发现问题出在应该隐藏/显示的元素的 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

4

3 回答 3

1

如果您隐藏“stickyfooter” div 而不是容器会怎样？这样，容器将始终固定（并显示），但是当您隐藏内容时，它不会显示任何内容。

于 2012-06-22T19:02:03.297 回答
0

如果可以，将固定位置从 #stickyfooter 移动到 .slidingDiv，或者在 #stickyfooter 中创建一个新元素，您将隐藏/显示。

于 2012-06-22T23:33:31.983 回答
0

你可以尝试给出一个持续时间参数吗？

像这样：

$(".slidingDiv").slideToggle("slow");
于 2012-06-22T18:58:15.020 回答