PDA

Zobacz pełną wersję : Pływające menu przestało "pływać"


sir_morgot
20-03-2013, 12:15
Witam.

Od pewnego czasu mam problem z pływającym menu na stronie w Joomla 2.5.
Na początku projektowania strony do głównego poziomego menu dodałem dodatkowe menu pływające z lewej strony na podstawie poradnika z: http://jsfiddle.net/nMcxQ/
Wszystko działało normalnie. Wraz z przewijaniem strony menu poruszało się w górę i dół. Jakiś czas temu zauważyłem, że lewe menu stoi w miejscu. Sprawdzam już chyba 2 dni kod w js, szablonie i css i nie mogę doszukać się problemu (z programowaniem nie jestem za pan brat). Strona o której mówię znajduje się pod adresem: http://lorenco.eu . Jest jeszcze nie ukończona więc znajduje się na niej dużo niedociągnięć. Proszę nie zwracać na to uwagi. Poniżej przedstawię kod z index.php:


<?php
defined('_JEXEC') or die;
$app = JFactory::getApplication();
?>

<!DOCTYPE HTML>
<html>
<head>
<jdoc:include type="head" />

<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/szablon.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/imgbubbles.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/fb.css" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="/media/system/js/jquery.menu-lewe.js"></script>
<script type="text/javascript" src="/media/system/js/paletabarw.js"></script>
<script type="text/javascript" src="/media/system/js/imgbubbles.js"></script>
<script type="text/javascript" src="/media/system/js/fb.js"></script>




</head>
<body>



<div id="kontener">
<div id="logo"><jdoc:include type="modules" name="logo" style="xhtml" /></div>
<div id="fb"><jdoc:include type="modules" name="fb" style="xhtml" /></div>
<div id="flagiiszukaj">
<div id="szukaj"><jdoc:include type="modules" name="szukaj" style="xhtml" /></div>

<div id="flagi"><jdoc:include type="modules" name="flagi" style="xhtml" /></div>
</div>


<div id="menu"><jdoc:include type="modules" name="top-menu" style="xhtml" /></div>
<div id="menu-left"><jdoc:include type="modules" name="left-menu" style="xhtml" /></div>

<div id="article-ramka">
<div id="article"><jdoc:include type="component" /></div>
</div>
<div id="footer"><jdoc:include type="modules" name="stopka" style="xhtml" /></div>
</div>
</body>
</html>

a to kod z .js:


$(function() {
function moveFloatMenu() {
var menuOffset = menuYloc.top + $(this).scrollTop() + "px";
$('#menu-left').animate({
top: menuOffset
}, {
duration: 500,
queue: false
});
}

menuYloc = $('#menu-left').offset();

$(window).scroll(moveFloatMenu);

moveFloatMenu();
});

Czy jest możliwe, że stało się coś z Jooml'ą??
Inne funkcje jak np. wybarwienia drewna i tkaniny obiciowe w PALECIE KOLORÓW (także z zewnetrznego pliku .js) działają.
Nie wiem jak to naprawić.

Będę wdzięczny za wskazówki.
sir_morgot
20-03-2013, 14:20
Próbowałem instalować jeszcze raz szablon i zobaczyłem, że menu już sie porusza ale nie chce się zrównać z divem na treść - menu lewe podchodzi do góry nie zależnie od tego czy jest pozycja ustawiona absolute lub relative - bo przy tym drugim ostatnio całość była równa.