Вопрос по css, show-hide, html, javascript – Проблема с Hide / Show Jquery на фиксированном div

3

У меня есть липкий нижний колонтитул в нижней части веб-страницы / точки обзора, а также кликабельная ссылка «Переключить меню» что ДОЛЖНО скрывать / показывать меню. Проблема в том, что я не могу скрыть меню, и я обнаружил, что проблема заключается в CSS элемента, который должен скрывать / показывать. Это фиксированная позиция {position: fixed;} ... Когда я удаляю & quot; fixed & quot; после этого скрытие и отображение меню работает на 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

Вы пытались добавитьposition: relative контейнер внутри вашегоposition: fixed колонтитул? Wex

Ваш Ответ

3   ответа
0

Переместите фиксированную позицию из #stickyfooter в .slidingDiv, если можете, или создайте новый элемент внутри #stickyfooter, который вы будете скрывать / показывать.

0

Можете ли вы дать параметр продолжительности?

Как это:

$(".slidingDiv").slideToggle("slow");
Я добавил параметр, как упомянуто выше (он нужен в любом случае, и это намного лучше, спасибо), но мне все еще нужна помощь по моей проблеме ... MSchumacher
У меня нет параметра продолжительности, хотя я собирался добавить его (именно тот, который вы упомянули выше) после того, как я разобрался с проблемой. Вы говорите, что я должен попытаться добавить один? MSchumacher
Нет, просто мысли вслух
1

Что делать, если вы скрываете «Stickyfooter» div, а не контейнер? Таким образом, контейнер всегда будет фиксированным (и показанным), но когда вы скрываете контент, в нем ничего не отображается.

Я не знаю "почему", но я столкнулся с той же проблемой и тоже использовал этот обходной путь :)
Простые ответы всегда лучшие
Круто, это сработало! Я все еще не уверен, ПОЧЕМУ это работает, поскольку кажется, что нет никакой разницы, кроме применения javascript hide / show к другому div, который все еще имеет фиксированное позиционирование. Во всяком случае, главное, что это работает! Ценю вашу помощь, чувак! MSchumacher

Похожие вопросы