Wywołanie scrollIntoView() w ramce i poza ramką

0

Witam.

Jak to jest, że kod który jest na stronie nie przewija mi w obszar widoczny elementu, a jak kopiuje go na w3schools to ten sam kod już tam przewija.

<html><head><style>div::-webkit-scrollbar{display: none;}div{white-space:wrap;overflow:scroll;scrollbar-width:none;top:120px;}.html{background-color:RGB(0,0,0);}.nick{width:20%;height:8%;background-color:RGB(0,0,33);color:white;display:relative;border:2px solid white;border-radius:4px;overflow:scroll;white-space:wrap;margin:4px 4px 4px 4px;}.post{overflow:scroll;white-space:wrap;width:98%;height:32%;background-color:RGB(0,0,33);color:white;display:relative;border:2px solid white;border-radius:4px;margin:4px 4px 4px 4px;}</style></head>
<body bgcolor='black' text='white' onload='run()'>
<div class='nick'>22222</div><div class='post'>1111</div><div class='nick'>aaaa</div><div class='post'>zzzzz</div><div class='nick'>sdsdsd</div><div class='post'>asasas</div><div class='nick'>sssss</div><div class='post'>aaaaa</div><div class='nick'>gggg</div><div class='post'>gggg</div><div class='nick'>ccccc</div><div class='post'>ccccc</div><div class='nick'>xxxxx</div><div class='post'>xxxx</div><div class='nick'>vvvv</div><div class='post'>vvvv</div><div class='nick'>gggg</div><div class='post'>ggggg</div><div class='nick'>haha</div><div class='post'>haha</div><div class='nick'>nnnn</div><div class='post'>nnnn</div><div class='nick'>fdfgfddf</div><div class='post'>gdfdg</div><div class='nick'>kkkk</div><div class='post'>kkkk</div><div class='nick'>romek</div><div class='post'>romek</div><div class='nick'>ddddddd</div><div class='post'>dddddddd</div><div class='nick'>glupoty</div><div class='post'>himalaje</div><div class='nick'>Piramida</div><div class='post'>Heopsa</div><div class='nick'>sdfgdsfsdf</div><div class='post'>dfgsdfgdfgsdfg</div><div class='nick'>hhhhhhhhhhhhhhhhhh</div><div class='post'>hhhhhhhhhhhhhhhhhhh</div><div class='nick'>aaaaaaaaaaaaaa</div><div class='post'>gfdsfsdfsdaaaaaaaaaaa</div><div class='nick'>jjjjjjjjjjjjj</div><div class='post'>jjjjjjjjjjj</div><div class='nick'>kkkkk</div><div class='post'>kkkkkk</div><div class='nick'>zqzqqqzq</div><div class='post'>zqzqzqzqz</div><div class='nick'>sdfsdfsdfsdf</div><div class='post'>fsdfsdfsdfsdf</div>

<script>function run(){
j=document.querySelectorAll("DIV").length-1;
if(j>0){document.querySelectorAll("DIV")[j].scrollIntoView();alert(j);
};}

</script></body></html>

http://infinityhost.ct8.pl/php_test.html - tutaj działa (jest w ramce)

http://infinityhost.ct8.pl/anewfile.html - tutaj nie działa (jest poza ramka)

0

@kixe52: bo o 7 rano już edge zaczął skrolować. Za to słabo odświeża. Firefox tak jak trzeba. Jak myślisz problem jest u mnie, mojej stronie, w przeglądarce czy programistach co ją napisali?
Poza tym mogłem kod dać czytelniejszy ale tym razem php go wypluł.

1

Problem jest w Twoim kodzie - a na pewno w formie w jakiej go nam prezentujesz. Nawet nie chciało Ci się go sformatować.

0

@kixe52: może i Twoja wypowiedź byłaby zgodna z prawdą, ale co w tym kodzie może być nie tak? Jeden skrypt który wyszukuje ostatni DIV na stronie i przewija go w obszar widoczny. html, body, 40 divow i skrypt. No i styl. Tutaj nie ma co popsuć. Ja jestem zdania, że to przeglądarka zaszwankowała. Ostatnio z kimś rozmawiałem na priv i też mu firefox pod linuxem nie odświeżył strony więc nie zobaczył zmian jakie zrobiłem. Całą winę zrzucasz na użytkownika przeglądarki?

1 użytkowników online, w tym zalogowanych: 0, gości: 1