javascript + scroll

pytanie zadane 15 czerwca 2015 w JavaScript przez niezalogowany
zamknięte 15 czerwca 2015

Witam.

W jaki sposób przescrolować stronkę po jej załadowaniu (gdy kliknę element <a>)

Poniżej kod jaki udało mi się wyskrobać:

Link html

<li>
<a class="a_menu" href="index.php?pgl=omnie">
O mnie
<div class="menu_opis">
Podstawowe informacje na mój temat, moje doświadczenie.
</div>
</a></li>

Na samym dole w <body>

<!-- koniec body przypisanie zdazenie inclick linkom w menu klasa a_menu-->
<script>

var linki = document.getElementsByTagName('a');
for(i=0; i < linki.length; i++)
        {
        if (linki[i].className=='a_menu')
        linki[i].onclick = ppp;
        }
</script>

w <head> na samym dole

<script>
function ppp()
{
alert("funkcja scroll");
window.scrollTo(0, 100);
//        for (i = 0; i < document.getElementById("div_include").offsetTop; i++)
//        {
//                window.scrollTo(0, i);
//        }
}
</script>

Strona się scroluje ale od razu scrol wraca na pozycję top

komentarz zamknięcia: problem rozwiązany

1 odpowiedź

odpowiedź 15 czerwca 2015 przez Comandeer Guru (601,110 p.)
wybrane 15 czerwca 2015

Najlepsza

Bo nie blokujesz domyślnej akcji linku, czyli przejścia na daną podstronę. Scroll nie wraca do pozycji top,tylko wczytywana jest nowa strona.

Dostaw na końcu ppp return false i poczytaj sobie o event.preventDefault: https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

komentarz 15 czerwca 2015 przez niezalogowany

Właśnie.

Chodzi mi dokładnie o coś takiego:

1. Na stronie klikam link, który musi załadować jakąś stronę(tej strony nie ma wczytanej do momentu kliknięcia linku)

Potem, gdy już załaduje stronkę to muszę ją przescrolować w dół. (muszę to zrobić w JS ponieważ mam zamiar napisać funkcję, która płynnie przescroluje to w dół)

EDIT:

Link to jest odświeżenie index.php i zaincludowanie na poziomie php odpowiedniego pliku z html

komentarz 15 czerwca 2015 przez Comandeer Guru (601,110 p.)

No to tak tego nie zrobisz. Po kliknięciu w link najpierw bowiem wykona się scroll, a dopiero później przejście na inną stronę. Musiałbyś odpalać scroll przy wczytaniu strony (window.onload). Czy trzeba przescrollować to można zobaczyć po adresie (np. co jest w location.search)

komentarz 15 czerwca 2015 przez niezalogowany

ok wielkie dzięki, idę pokombinować (temat tymczasowo zostawiam otwarty, jak coś wymyśle to dam znać)

pozdrawiam.

komentarz 15 czerwca 2015 przez niezalogowany

Pytanie kieruję do comandeer:

wymyśliłem coś takiego:

W linku jako parametr dałem scr=true

<a href="index.php?pgl=omnie&scr=true">

następnie po odświeżeniu strony (wkrypt w <body na samym dole>)

<!-- koniec body przypisanie zdarzenie inclick linkom w menu klasa a_menu-->
<script>

window.document.onload = search_url()

function search_url()
{

//alert(    window.location.search.substring(1)    );

var pgurl = window.location.search.substring(1);

if (var resul = pgurl.match(/scr=true/gi))
        {
        alert("jest zmienna");
        // tu będzie scrolowanie

        }

}

</script>

w miejscu: // tu będzie scrolowanie zamierzam napisać funkcję do płynnego przewijania

Jak myślisz, czy rozwiązanie jest ok czy radził byś inaczej ro zrobić ?