Szablon w stylu one page - przenosi do połowy artykułu
Strona 1 z 2 12 OstatniOstatni
Wyniki 1 do 10 z 15

Temat: Szablon w stylu one page - przenosi do połowy artykułu

  1. #1
    Bywalec
    Dołączył
    03-12-2012
    Wpisy
    103
    Punkty
    2

    Joomla! 3.6 Szablon w stylu one page - przenosi do połowy artykułu

    Witajcie,
    Próbuję zrobić prostą stronę, wizytówkę w style one page. Ponadawałem w menu odpowiednie klasy, artykuł na tą samą klasę i efekt jest taki że owszem, po kliknięciu na menu następuje przeniesienie ale nie na jego początek, lecz na środek co jest strasznie słabe. Czy mogę ewentualnie poprosić o jakąś podpowiedź. Z góry śliczne dzięki.

    http://www.ilonov.vot.pl/

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    Nie przenosi wcale na środek Przenosi zgodnie z założeniem czyli tak by rozpoczęcie kontenera z odpowiednim ID "maintop-2"

    http://prntscr.com/nu1ldo

    Masz także bały pasek z menu który przykrywa ci stronę. Zatem po kliknięciu dobrze przewija stronę tylko, że nagłówek z menu przesłania treść.

    To czego potrzebujesz to offset - czyli przewinięcie do danej pozycji - grubość nagłówka.

    Najlepiej do tego wykorzystać jQuery:

    Kod:
    $('html, body').animate({scrollTop: $('#contact').offset().top -100 }, 'slow');
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  4. #3
    Bywalec
    Dołączył
    03-12-2012
    Wpisy
    103
    Punkty
    2

    Domyślny

    Właśnie tak też myślałem że to coś przez ten nagłówek jest nie tak. Rozumiem że kod który pisałeś muszę wrzucić do głównego html-a strony? Przepraszam że pytam ale szablon był kupowany bo gdybym pisał go sam to pewnie bym wiedział. Nie chcę nic tam namieszać .

  5. #4
    Bywalec
    Dołączył
    03-12-2012
    Wpisy
    103
    Punkty
    2

    Domyślny

    Czy jak dodam do głównego pliku strony index.html kawałek:
    Kod HTML:
    <script>    
    jQuery(document).ready(function() {        
    $('html, body').animate({scrollTop: $('#contact').offset().top -100 }, 'slow');    });
    </script>
    powinno być ok?

  6. #5
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    Hola, hola! Nie tak szybko!

    1. Nie do index.html tylko do index.php swojego szablonu, tuż przed zamknięciem </body>

    2. A masz taki kontener #contact? Musisz kod dopasować do swojego przypadku a masz ich kilka przecież.
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  7. #6
    Bywalec
    Dołączył
    03-12-2012
    Wpisy
    103
    Punkty
    2

    Domyślny

    Cytat Wysłane przez siristru Zobacz wiadomość
    Hola, hola! Nie tak szybko!

    1. Nie do index.html tylko do index.php swojego szablonu, tuż przed zamknięciem </body>

    2. A masz taki kontener #contact? Musisz kod dopasować do swojego przypadku a masz ich kilka przecież.
    No tak tak, masz rację. Chodzi o ten główny kontener na stronie? Bo tych kontenerów jest sporo i teraz nie wiem na który patrzeć. Czy to chodzi o tego diva z najwyższego poziomu?

  8. #7
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    Nie, zobacz do jakiego kontenera przenosi konkretny klik w menu. Np. maintop-2.
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  9. #8
    Bywalec
    Dołączył
    03-12-2012
    Wpisy
    103
    Punkty
    2

    Domyślny

    Cytat Wysłane przez siristru Zobacz wiadomość
    Nie, zobacz do jakiego kontenera przenosi konkretny klik w menu. Np. maintop-2.
    Aaa, rozumiem. I ten kod musi być wielokrotnością odwołań i w każdym ma być inna nazwa kontenera? Myślałem że to chodzi o jakiś nadrzędny, nie te mniejsze

  10. #9
    Wyga siristru awatar
    Dołączył
    28-05-2009
    Skąd
    Szczecin
    Wpisy
    3 238
    Punkty
    302

    Domyślny

    Dokładnie tak. Można by się pokusić o jakiś bardziej zgrabny kod, który pokrywa wszystkie przypadki ale powielenie tego kilka razy z innym ID kontenera tez będzie działać.
    Na Forum pomagam bezpłatnie ad maiorem Joomla gloriam
    Mimo pomocy na forum nie dajesz rady? Potrzebujesz by ekspert "zrobił to" za Ciebie?
    Napisz do mnie na PW. Argentum et Aurum nie zawsze jest konieczne ;)

  11. #10
    Bywalec
    Dołączył
    03-12-2012
    Wpisy
    103
    Punkty
    2

    Domyślny

    Czy w php jakoś inaczej deklaruje się funkcje? Pytam ponieważ ja głównie angulara znam i js, php kompletnie, wrzuciłem ten kod o którym pisałeś w takiej postaci:
    Kod PHP:
    <script>    
    jQuery(document).ready(function() {        
    $(
    'html, body').animate({scrollTop: $('#contact').offset().top -100 }, 'slow');    });
    </script> 
    i mam komunikat że $ is not a function. Rzecz jasna przewijanie nie działa prawidłowo ale to pewnie stąd że jest ten błąd i teraz nie wiem czy to kwestia tego kodu, aczkolwiek pogrzebałem trochę na stackoverflow i ludzie też go używają w takiej formie w jakiej pokazałeś więc nie sądzę aby to była kwestia tego kodu. Bardziej moja wina że coś nie tak załadowałem.

    Rzecz jasna kontener podmieniłem na swój

Strona 1 z 2 12 OstatniOstatni

Podobne tematy

  1. Szablon one page
    przez pelirrojo na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 4
    Ostatni post/autor: 17-10-2016, 20:06
  2. szablon typu one page ze strony - joomshaper
    przez wini74 na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 8
    Ostatni post/autor: 14-09-2016, 17:51
  3. Szablon ONE PAGE a menu w artykułach
    przez enrick27 na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 4
    Ostatni post/autor: 03-07-2015, 00:36
  4. W jaki sposób stworzyć szablon one page
    przez marecky1984 na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 15
    Ostatni post/autor: 19-03-2014, 15:48
  5. Po aktualizacji virtuemart nie działa One page oraz Akeeba
    przez powis na forum Rozszerzenia - problemy z obsługą, zarządzaniem
    Odpowiedzi: 3
    Ostatni post/autor: 11-10-2013, 02:53

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •