PDA

Zobacz pełną wersję : Pływajace menu na stronie



majan
08-09-2014, 10:07
witam,

mam pytanie czy jest jakis dodatek moduł, komponent dzięki któremu idzie utowrzyć plywające menu w joomli? Efekt działania można zobaczyć na stronie

http://www.webdesign-inspiration.com/

Standardowo menu zostaje w miejscu i jest niewidoczne, a chciałbym aby było widoczne w momencie przewijania strony w dół. Być może nie jest potrzebny żaden dodatek, a jedynie włączenie jakieś opcji funkcji w systemie joomla.

pozdrawiam mjn

Qbik
08-09-2014, 10:16
Chodzi Ci o przyklejenie do góry ekranu??

niektóre szablony mają taką funkcjonalność wbudowaną, jeśli chodzi o moduł to polecam Maxi Menu CK

Tor_
08-09-2014, 11:30
Można by to z "palca" napisać .Np w szablonie ustawionym jako domyślny dodać prosty kod javascrypt np.:

<script type="text/javascript">
jQuery("document").ready(function($){

var nav = $('.nav-container');

$(window).scroll(function () {
if ($(this).scrollTop() > 136) {
nav.addClass("f-nav");
} else {
nav.removeClass("f-nav");
}
});

});
</script>

W module własnym html stworzyć jakieś tam menu przypisać do niego klasę i powinno śmigać bez problemu


<div class="nav-container">
<div class="nav">
<ul>
<li><a href="http://adres.1">Link.1</a></li>
<li><a href="http://adres.2">Link.2</a></li>
</ul>
</div>
</div>

majan
08-09-2014, 22:36
Nie jestem biegły z CSS a w dodatku mój szablon jest stworzony w arttisteerze. Postawnowiłem wykorzystać plugin JU STICKY Plugin jednak nie bardzo rozumiem jak go zainstalowac aby działało. W opisie pluginu jest napisane:

You can use Firebug (http://getfirebug.com/) on Firefox to inspect the element you want to stick, then put the class or id or name,...(See jQuery selectors (http://api.jquery.com/category/selectors/)) of elements into the selectors config. You can put as many selectors as you want, seperate by commas, all elements with selectors you put in selectors config will be sticked by JU Sticky Panel.

Here is an example how to stick a module:


1. In the module config, set Module class suffix: " sticky" (without quote, and remember we have a white space preceded)
2. In the JU Sticky Panel Plugin set Selectors: .sticky
3. That's all, now check the frontend, scroll down your site, you will see the module with class suffix " sticky" is ticked, and when it has been sticking it will be add new class in After detach css class, you can use this class to format sticked element if you want. And now you can adjust other config in the plugin to fit your needs. Remember that JU Sticky Panel support multi selectors, that means you can stick many elements in your site.


Niestety nie bardzo rozumiem, co i jak mogę prosić o pomoc?