Częste problemy innych użytkowników

Zapytaj w grupie na Facebooku

Porozmawiaj z nami na live-chat

Nie udało ci się znaleźć rozwiązania problemu?

Częste problemy innych użytkowników

Zapytaj w grupie na Facebooku

Porozmawiaj z nami na live-chat

Nie udało ci się znaleźć rozwiązania problemu?

Na wielu stronach stworzonych w WebWave - kreatorze stron www bez kodowania - stosuje się dwa rodzaje menu. Jedno to menu podstawowe, które widzimy na starcie, natomiast drugie pojawia się najczęściej podczas scrollowania strony. Według zamysłu ma być to menu podręczne, dlatego jest zawsze przypięte do górnej krawędzi ekranu i zawiera tylko najważniejsze opcje.

 

 

  1. W szablonie strony stwórz swoje dodatkowe, podręczne menu.
     

  2. Zaczep wszystkie elementy, które składają się na podręczne menu.
     

  3. Dodaj do szablonu element html.
     

  4. Podmień domyślny kod elementu html na: 
     

    <script>
        $(document).ready(function () {
            initTopmenu();
        });

        function initTopmenu() {
            var showers = $("")
            var sliders = $("#element_#1, #element_#2, #element_#3")
            var logged = cmsLoginService.userLogged();
            var timeout
            sliders.add(showers).hide();
            $(window).resize(function (e) {
                if ($(window).scrollTop() > 50) {
                    sliders.add(showers).show();
                }
            });
            $(window).scroll(function () {
                if ($(window).scrollTop() > @) {
                    if (sliders.eq(0).is(":visible") == false) {
                        sliders.slideDown(100);
                    }
                }
                else {
                    clearTimeout(timeout)
                    sliders.slideUp(100);
                    showers.hide()
                }
            });
        }
    </script>

     

  5. Umieść szablon na samej górze listy warstw.
     

  6. Opublikuj swoją stronę.
    Na opublikowanej stronie powinny być widoczne obie wersje menu. Po konfiguracji skryptu menu podręczne będzie pokazywane dopiero po przewinięciu określonej ilości pixeli. 
     

  7. Na opublikowanej stronie znajdź ID wszystkich elementów składających się na menu podręczne. Jeśli nie wiesz jak to zrobić, przeczytaj ten poradnik.
     

  8. Skonfiguruj wcześniej wklejony kod, zmieniając #1 / #2 / #3 na ID elementów menu. 
    Jeśli twoje menu składa się z większej ilości elementów, dodaj je po przecinku.
     

  9. W miejsce znaku @ wstaw ilość px jaką trzeba przewinąć, żeby menu się pokazało. 
     

  10. Zapisz zmiany i opublikuj stronę.

Menu wysuwane z górnej krawędzi ekranu

© Copyright 2017 by WebWave   |   Created by Adrian Bizewski

WebWave CMS - logo
Ta strona została stworzona za darmo w WebWave.
Ty też możesz stworzyć swoją darmową stronę www bez kodowania.