To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
Forum Supportu
czo.pl/wxv.pl

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ść.



Powered by phpBB modified by Przemo © 2003 phpBB Group