Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Menu na haczykach
Sign
post
Post #1





Grupa: Zarejestrowani
Postów: 128
Pomógł: 0
Dołączył: 3.11.2014

Ostrzeżenie: (0%)
-----


Cześć, szukam menu "na haczykach"
Tzn. klikam w link - i zjeżdzam powoli na np. doł strony..
Był to kawałek js i tyle - kiedyś znalazlem, a teraz juz nie moge znalezc. pozdrawiam
Go to the top of the page
+Quote Post
Comandeer
post
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


http://bzdety.comandeer.pl/scroll.html → jak uruchomisz w Firefoksie, to zobaczysz wink.gif W chrome niby też działa, ale jednak nie działa.


--------------------
Go to the top of the page
+Quote Post
freewalker
post
Post #3





Grupa: Zarejestrowani
Postów: 90
Pomógł: 4
Dołączył: 14.02.2015

Ostrzeżenie: (0%)
-----


pewnie chodzi o płynne scrollowanie do elementu, użyj jQuery, przykład masz tutaj:

http://balupton.github.io/jquery-scrollto/

Pozdro
Go to the top of the page
+Quote Post
Sign
post
Post #4





Grupa: Zarejestrowani
Postów: 128
Pomógł: 0
Dołączył: 3.11.2014

Ostrzeżenie: (0%)
-----


Nie działa mi to wyżej.
Chodzi o to:

Mam link:
klikam
i powoli mnie przenosi do wybranego elementu w dól strony
Go to the top of the page
+Quote Post
freewalker
post
Post #5





Grupa: Zarejestrowani
Postów: 90
Pomógł: 4
Dołączył: 14.02.2015

Ostrzeżenie: (0%)
-----


musi działać, może nie załączyłeś biblioteki jquery (skrypt w demo działa na jquery 1.9.1)? W nagłówku strony powinieneś mieć

  1. <script src="jquery.js"></script>
  2. <script src="jquery-scrollto.js"></script>
  3. <script type="text/javascript">
  4. $(document).ready(function(){
  5.  
  6. $(".przycisk-scroll").click(function(){
  7. $('#przejdzdo').ScrollTo();
  8.  
  9. });
  10. });
  11. </script>


A w kodzie strony przypisz buttonowi jakąś klasę lub unikalne id i to samo elementowi, do którego chcesz zjechać (pamiętaj, że id nie może się powtarzać, jak masz kilka przycisków to lepiej nadaj im klasę), np:

  1. <div class='przycisk-scroll'>
  2. mój przycisk scrollujący do elementu
  3. </div>
  4.  
  5.  
  6. <div id='przejdzdo'>
  7. tresc do ktorej bedzie scrollowal przycisk
  8. </div>
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 23:31