• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Nawigacja nie działa na iphone

VPS Starter Arubacloud
0 głosów
203 wizyt
pytanie zadane 19 września 2017 w HTML i CSS przez emsi7 Nowicjusz (120 p.)
edycja 19 września 2017 przez emsi7

Serwus, stworzyłem prostą stronę one-page (jest to jeden z moich pierwszych projektów) i wszystko wydaje się działać poprawnie, zarówno na desktopach jak i na urządzeniach mobilnych androida. Problem pojawia się dopiero gdy testuje to na iphone, mianowicie po kliknieciu na ikonke hamburgera menu rozwija się tak jak powinno, ale wszystkie linki po prostu odswiezają stronę zamiast przenosić do konkretnej sekcji. Nie działa również scroll-spy, nie ważne na której częsci strony jesteś, zawsze jest aktywna zakładka 'kontakt'. Spotkał się ktoś może z takim problemem? Tutaj kod mojego navbaru:

https://codepen.io/emsi/full/wrvNBa/

<head>  
  <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">

<meta name="viewport" content="width=device-width, initial-scale=1">  
  
</head>

<body data-spy="scroll" data-target="#mainnav" data-offset="10">
<div class="navbar navbar-inverse navbar-fixed-top" id="mainnav">
  <div class="container">
  <div class="navbar-header">
     <a href ="#"><img src="#" class="navbar-brand"id="brand-color"></a>
       <button class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navHeaderCollapse" id="clean">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
  </div>
      <div class="collapse navbar-collapse navHeaderCollapse">
        <ul class="nav navbar-nav navbar-right font">
          <li><a href="#section1" id="clean">About </a></li>
          <li><a href="#section2">Products</a></li>
          <li><a href="#section3">Contact</a></li>
        </ul>
    </div>
  </div>
</div>

 

 

 

1 odpowiedź

0 głosów
odpowiedź 19 września 2017 przez radek024 Szeryf (77,180 p.)

Kod HTML to chyba trochę za mało, czyż nie? :) Podaj rzeczy odpowiedzialne za hamburger menu - fajnie by było, gdybyś do tego celu wykorzystał codepena.

komentarz 19 września 2017 przez emsi7 Nowicjusz (120 p.)
Jasne, wybacz, tutaj przykładowy link:

https://codepen.io/emsi/full/wrvNBa/

Wszystko działa w przeglądarce, na tablecie z androidem, ale z kolei na iphone jest tak jak opisałem powyżej. Będę wdzięczny za wszelką pomoc.
komentarz 19 września 2017 przez radek024 Szeryf (77,180 p.)

Widzę że mieszasz kod BSa wraz ze swoim. Może warto po prostu dodać inny skrypt, który za to odpowie? Osobiście kiedy potrzebowałem tej funkcji, korzystałem z tego: http://radek024.github.io/technikum-page/js/smooth-scroll.js.

 

Z tego co widzę i pamiętam, linki które mają być smooth scrollowane muszą posiadać href z odnośnikiem do ID, do którego się chcemy przemieścić na stronie (czyli zwykła kotwica) oraz artybut data-scroll.

komentarz 20 września 2017 przez emsi7 Nowicjusz (120 p.)
Usunąłem w zasadzie wszystko i problem dalej występuje, linki do poszczególnych sekcjii, po prostu do niej nie przenoszą. Nie mam pojęcia co jest grane.

Podobne pytania

0 głosów
1 odpowiedź 195 wizyt
pytanie zadane 28 stycznia 2017 w HTML i CSS przez Waldemar Początkujący (410 p.)
0 głosów
1 odpowiedź 188 wizyt
pytanie zadane 17 lipca 2023 w HTML i CSS przez Skulak Nowicjusz (170 p.)
0 głosów
1 odpowiedź 114 wizyt
pytanie zadane 20 października 2018 w HTML i CSS przez matrimex Użytkownik (810 p.)

92,452 zapytań

141,262 odpowiedzi

319,074 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...