[HTML][PHP]Przyciski przewijające strone |
[HTML][PHP]Przyciski przewijające strone |
19.04.2022, 14:00:30
Post
#1
|
|
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 19.04.2022 Ostrzeżenie: (0%) |
Witam, chciałbym zrobić po prawej stronie, lub też w menu z prawej strony zrobić przyciski przewijające stronę. Niestety nie wiem jak to zrobić. Byłbym wdzięczny za pomoc w rozwiązaniu tego problemu. Dziękuję i pozdrawiam.
|
|
|
19.04.2022, 14:43:16
Post
#2
|
|
Grupa: Zarejestrowani Postów: 357 Pomógł: 70 Dołączył: 15.07.2014 Ostrzeżenie: (0%) |
Jakaś wizualizacja tego? Bo "przycisk przewijający stronę" to dużo tego może być.
|
|
|
19.04.2022, 16:37:06
Post
#3
|
|
Grupa: Zarejestrowani Postów: 650 Pomógł: 16 Dołączył: 5.07.2010 Skąd: Ściśle Tajne Ostrzeżenie: (0%) |
nie jestem pewien czy dokładnie o to chodzi ewentualnie na tym przykładzie sobie go dostosujesz pod siebie
https://www.w3schools.com/howto/howto_js_scroll_to_top.asp -------------------- Jak coś jest dobre, to nie znaczy że nie może być to lepsze - Ideały nie istnieją ;D
Strony internetowe Świnoujście |
|
|
20.04.2022, 10:29:45
Post
#4
|
|
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 19.04.2022 Ostrzeżenie: (0%) |
Dobra, udało mi się, co prawda w javascripcie, ale działa.
Jedynie jakby ktoś mógł podpowiedzieć co zrobić, żeby ustawić przesuwanie na smooth to byłbym w siódmym niebie. Może się kiedyś komuś przyda. <!DOCTYPE html> <html> <head> <title>Like</title> <meta content="text/html;charset=utf-8" http-equiv="Content-Type"> <style> body { font-family: Arial, Helvetica, sans-serif; font-size: 20px; } #myBtn { display: 1; position: fixed; bottom: 65px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: red; color: white; cursor: pointer; padding: 15px; border-radius: 4px; } #myBtn:hover { background-color: #555; } #myBtn2 { display: 1; position: fixed; bottom: 10px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: red; color: white; cursor: pointer; padding: 15px; border-radius: 4px; } #myBtn2:hover { background-color: #555; } #myBtn3 { display: 1; position: fixed; bottom: 10px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: red; color: white; cursor: pointer; padding: 15px; border-radius: 4px; } #myBtn3:hover { background-color: #555; } </style> </head> <body> <button onclick="topFunction()" id="myBtn" title="Go up">UP</button> <button onclick="botFunction()" id="myBtn2" title="Go down">DOWN</button> <ol> <?php for($i=0;$i<500;$i++){ ?> <li><p><?php echo $i ?></p></li> <?php } ?> </ol> <script> var mybutton = getElementById("myBtn"); var mybutton2 = getElementById("myBtn2"); function topFunction() { document.body.scrollTop -= 200; document.documentElement.scrollTop -= 200; } function botFunction() { document.body.scrollTop += 200; document.documentElement.scrollTop += 200; } </script> </body> </html> Ten post edytował Marxin 20.04.2022, 10:30:16 |
|
|
20.04.2022, 14:51:07
Post
#5
|
|
Grupa: Zarejestrowani Postów: 594 Pomógł: 66 Dołączył: 22.02.2008 Skąd: Dublin Ostrzeżenie: (0%) |
Takie zwykle "skoki" to najprosciej przez zwykłą kotwice w htmlu
-------------------- |
|
|
Wersja Lo-Fi | Aktualny czas: 26.05.2024 - 09:53 |