Jak to napisać za pomocą jquery ?

Question

Robię stronę w której na głównej stronie są odnośniki do poszczególnych sekcji , wszystko działa.

Natomiast mam też inne zakładki np kontakt , klikam przenosi mnie na nią i teraz wybieram w menu zakładkę  O nas ( które jest na głównej stronie ) i w jaki sposób mogę zrobić aby przeniosło na główną stronę właśnie do tej sekcji " O nas "  . Jak to napisać za pomocą jquery ? Ktoś pomoże.. bo dopiero raczkuje w tych tematach.

Answer 1

Hm, a dlaczego nie można tego zrobić całkowicie bez JS-a, przy pomocy zwykłej kotwicy? Nie bardzo widzę potrzebę zaprzęgania do tego jQuery.

Comments

W jaki sposób to zrobić ?

---

a dobra juz widze link

---

linki działają ale tylko na głównej stronie ale jak wejdę w zakładkę kontakt i będę chciał wrócić do danej  sekcji na głównej stronie to już nie mogę...

---

Pokaż jakikolwiek kod.

---

  <ul class="rd-navbar-nav">
                <li class="rd-nav-item"><a class="rd-nav-link" href="index.html">Home</a>
                </li>
                <li class="rd-nav-item"><a class="rd-nav-link" href="#oferta">Oferta</a>
                </li>
                <li class="rd-nav-item"><a class="rd-nav-link" href="#cennik">Cennik</a>
                </li>
                <li class="rd-nav-item"><a class="rd-nav-link" href="Portfolio.html">Portfolio</a>
                </li>
                <li class="rd-nav-item"><a class="rd-nav-link" href="Dlaczego my.html">Dlaczego my</a>
                </li>
 
                <li class="rd-nav-item"><a class="rd-nav-link" href="Kontakt.html">Kontakt</a>
                </li>
              </ul>



    <a id="oferta" ></a> 
 <section class="section>

   TEKST TEKST TEKST

</section>

     <a id="cennik" ></a>


 <section class="section2>

  TEKST TEKST TEKST 

</section2>

To jest fragment kodu z strony głównej , wchodząc na kontakt.html chce powrócić  po kliknięciu w cennik do sekcji tego cennika na stronie głównej.

---

#coś przenosi do sekcji na danej stronie. Żeby przejść do takiej na stronie głównej, musisz użyć index.html#coś.

Przy okazji: nie trzeba tworzyć linków z [id], można dodać ten atrybut do już istniejących elementów:

<section class="section2" id="cennik">

 

---

no ale na #oferta tego nie zrobię  , tam nie ma oferta.html . 

Napisałem tak : 

<li class="rd-nav-item"><a class="rd-nav-link" href="#oferta#oferta">Oferta</a> </li>

nie działa

                

---

<a class="rd-nav-link" href="index.html#oferta">Oferta</a>

Należy podać adres danej podstrony, a następnie identyfikator.

---

ok , wszystko działa . Jeszcze jedno pytanie , jak opóźnić tę animację ? zbyt szybko zasuwa :D

---

Hm, można w CSS spróbować z:

html, body {
    scroll-behavior: smooth;
}

Niemniej jeśli chcesz pełną kontrolę nad prędkością animacji, to musiałbyś już zrobić to w JS.

---

super, dzięki ! :)