wxv.pl [Problemy/Pytania] - "Przechodzenie" na dół strony
Daisy7 - 2016-10-12, 21:56 Temat postu: "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 - 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 - 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 - 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 - 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 - 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 - 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@ł - 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 - 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ść.
|
|
|