|
"Przechodzenie" na dół strony |
| Autor |
Wiadomość |
Daisy7 
Wpisz dowolną liczbę: 7
Pomogła: 2 razy
Dołączyła: 23 Kwi 2016
Posty: 94
|
 Wysłany: 2016-10-12, 21:56 "Przechodzenie" na dół strony
|
|
|
Hej. Przychodzę z takim zapytaniem, czemu na wxv i czo nie działa odsyłacz na dół strony. O co mi chodzi? Chciałam wprowadzić na forum takie guziczki z boku ze strzałką w górę i w dół. Jak się kliknie w strzałkę do góry, przenosi nas na samą górę strony, a w dół, analogicznie, na sam dół. A przynajmniej tak powinno być, ale niestety nie jest. Kod wygląda tak:
| Cytat: | <div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
<a href="#top"><img src="LINK_DO_OBRAZKA_ZE_STRZAŁKĄ_W_GÓRĘ" alt="w górę"></a>
<br>
<br>
<a href="#bottom"><img src="LINK_DO_OBRAZKA_ZE_STRZAŁKĄ_W_DÓŁ" alt="w dół"></a>
</a>
</div> |
Problem nie leży w kodzie, bo opcja z przekierowaniem na górę po naciśnięciu w strzałkę działa bez zarzutów i przenosi nas tam, gdzie powinno. Za to na dół nie chce pójść. Nie będę podawać nazw for na innych domenach, aczkolwiek tam mają taki kod i działa im zarówno przejście na górę strony, jak i na dół. A na stronach wxv i czo przejście na dół nie działa. Można to też udowodnić w prostszy sposób. Wystarczy wziąć adres jakiegoś forum na wxv/czo i wpisać po nim odpowiednią etykietę, czyli #top (żeby przeszło do góry strony) lub #bottom (żeby przeszło na dół strony). Przykładowo weźmy moje:
http://pokemoncrystal.wxv.pl/ Jeśli wpiszemy http://pokemoncrystal.wxv.pl/#top przechodzi nam ładnie na górę. Niestety po wpisaniu http://pokemoncrystal.wxv.pl/#bottom nie schodzi nam na dół. Jeśli wpisuje się tą drugą opcję (z bottom) na wspomnianych przeze mnie forach na innych domenach, etykieta działa prawidłowo i "zjeżdżamy" w dół. |
|
 |
|
 |
Disney
Wpisz dowolną liczbę: 10
Pomogła: 3 razy
Dołączyła: 24 Paź 2014
Posty: 102
Skąd: Dolny Śląsk
|
Wysłany: 2016-10-13, 16:18
|
|
|
U mnie na wszystkich forach i tych typowo testowych i tych normalnych, ta opcja działa bez zarzutu.
Wina jest w kodzie. Poprawny kod powinien wyglądać tak.
| Kod: | <a href="#bottom" onclick="scrollTo(0, document.body.scrollHeight); return false;">
<img src="link do obrazka">
</a> |
|
|
 |
|
|
Daisy7
Wpisz dowolną liczbę: 7
Pomogła: 2 razy
Dołączyła: 23 Kwi 2016
Posty: 94
|
Wysłany: 2016-10-13, 17:13
|
|
|
| Próbowałam tym kodem, który podesłałaś, ale mi nie działa :c Zarówno, jak próbowałam nim zrobić zjechanie na dół, jak i na górę. Gdy usunęłam ten fragment return false; to działała opcja z #top (wracanie na górę), ale #bottom (zjeżdżanie na dół) nie. |
|
|
|
|
|
Disney
Wpisz dowolną liczbę: 10
Pomogła: 3 razy
Dołączyła: 24 Paź 2014
Posty: 102
Skąd: Dolny Śląsk
|
Wysłany: 2016-10-13, 17:46
|
|
|
Masz tu cały kod i pamiętaj, by nie dodawać go w <style>kod</style.
Tylko samo wrzucić:
| Kod: | <div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
<a href="#top" onclick="scrollTo(0,0); return false;" title="w górę">
<img src="obrazek" alt="w górę">
</a>
<br>
<a href="#bottom" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="w dół">
<img src="obrazek" alt="w dół">
</a>
</div>
|
Jeśli dalej nie pójdzie podam Ci kod na wpisanie go do stylu wraz z dive |
|
|
|
|
|
Daisy7
Wpisz dowolną liczbę: 7
Pomogła: 2 razy
Dołączyła: 23 Kwi 2016
Posty: 94
|
Wysłany: 2016-10-13, 18:25
|
|
|
| Tą wersję też już próbowałam i bez zmian. Co więcej, w niej zarówno przejście w górę jak i w dół nie działa. Może to z wpisaniem do stylu wyjdzie? Próbowałam wcześniej z <style></style> (tak dla pewności), ale jak daję w ten sposób, kod kompletnie znika ze strony i strzałki nawet się nie pokazują na forum. |
|
|
|
|
|
Disney
Wpisz dowolną liczbę: 10
Pomogła: 3 razy
Dołączyła: 24 Paź 2014
Posty: 102
Skąd: Dolny Śląsk
|
Wysłany: 2016-10-13, 19:09
|
|
|
Raczej nie, bo nie masz sekwencji kodu.
A powiedz mi w jaką rubrykę wpisujesz ten kod? Banner w stopce forum czy banner w nagłówku forum?
Z kodem to musiałabyś zamieścić coś w stylu:
| Kod: | <style>
.go-up, .go-down {
display: none;
position: fixed;
right: 55px;
z-index: 9999;
cursor: pointer;
opacity: .5;
margin-bottom: 100px;
width: 65px;
height: 50px;
}
</style> |
Następnie:
| Kod: | <div class="go-up" id="ToTop" style="display: block;"><img src="obrazek-w-gore" border="0"></div>
<div class="go-down" id="OnBottom" style="display: block;"><img src="obrazek-w-dol" border="0"></div> |
Najlepiej to jednak jakbym miała adres forum i mogła rzeczywiście przyjrzeć sie tym błędom, bo tak na czuja to nie wiem czy dobrze Cię kieruję. |
|
|
|
|
|
Daisy7
Wpisz dowolną liczbę: 7
Pomogła: 2 razy
Dołączyła: 23 Kwi 2016
Posty: 94
|
Wysłany: 2016-10-14, 10:13
|
|
|
| Disney napisał/a: | | A powiedz mi w jaką rubrykę wpisujesz ten kod? Banner w stopce forum czy banner w nagłówku forum? |
A powiem Ci, że próbowałam i tu, i tu, ale efekt ten sam.
No niestety nie chce się udać nawet z tym kodem. Próbowałam wszystkie powyższe kombinacje nawet na takim totalnie testowym forum, gdzie nie wprowadzałam żadnych innych kodów, ale rezultat taki sam.
W każdym razie dzięki za pomoc, Disney :) Doceniam, że się tak zaangażowałaś ^^ |
|
|
|
|
|
Mich@ł
Administrator
Wpisz dowolną liczbę: 1234567890
Pomógł: 163 razy
Dołączył: 07 Sie 2009
Posty: 3323
|
Wysłany: 2016-10-14, 14:06
|
|
|
Daisy7, takie może dośc głupie pytanie ale czy na dole forum dodałaś kod do którego ma "przenieść" link?
Przykład z http://webmade.org/porady/kotwice-html-scroll.php :
| Kod: | ...
<html>
<head>
<title>Strona</title>
</head>
<body>
<a name="gora">Tu jest góra strony</a>
...
tu jest bardzo dużo treści
...
<a href="#gora">to jest odnośnik, który przeniesie Cię na górę strony</a>
</body>
</html> |
Mam na mysli tą część:
| Cytat: | <a name="gora">Tu jest góra strony</a>
|
|
|
|
|
|
|
Daisy7
Wpisz dowolną liczbę: 7
Pomogła: 2 razy
Dołączyła: 23 Kwi 2016
Posty: 94
|
Wysłany: 2016-10-14, 17:21
|
|
|
Yay, udało się :D Jednak poradziłam sobie swoim kodem (tym z pierwszego postu). Gdyby kogoś interesowało jak, to powiem, że wystarczyło podmienić #bottom (po "a href=") na javascript:scroll(X, Y); . Zamiast X i Y wpisujemy odpowiednie dla naszej strony wartości.
Jeszcze raz dziękuję Disney, a także @Mich@łowi, bo w sumie to dzięki ich pomocy udało mi się do tego dojść. |
|
|
|
|
|
|
|
FAQ
Szukaj
Użytkownicy
Grupy
Statystyki
Rejestracja
Zaloguj
Album
Download
