Jak skokowo przewinąć stronę do jakiejś jej procenta od razu po załadowaniu strony?

Question

Tak jak napisałem w temacie chce aby strona od razu po załadowaniu przewinęła się do określonego jej procentu. Wiem, że nie jest to zgodne z wskazówkami ale za gotowca się nie obrażę

Answer 1

https://stackoverflow.com/questions/16368129/how-to-make-the-page-load-to-an-anchor-tag

Comments

Dałoby się zrobić tak, aby po kliknięciu w link przekierowywało nas na podstronę + przewijało stronę do diva? Uzywajac html/css

---

I jak za pomocą tego skryptu 

<script type="text/javascript">
function load()
{
window.location.hash="mylocation"; 
}
</script>

Dodać miejsce w które ma się strona przewinąć bo jeszcze nie ogarniam js'a ?

 

---

Już nieważne rozkminiłem  Dzięki za odpowiedź.

---

<a href="jakas-strona.pl#id-elementu">

Da się

Answer 2

document.addEventListener('DOMContentLoaded', () => {
	location.hash = ''; // id 
});

to powinno zadziałać

Comments

Nie wszystkie przeglądarki posiadają wsparcie dla arrow functions.

Poza tym używanie af w tym przypadku to niemądry pomysł biorąc pod uwagę fakt, że funkcja nie zostanie wywołana w kontekście elementu, na którym wywołane zostało zdarzenie.

---

Dodałem i działa dzięki za odpowiedź.

---

Tracę wiarę w to forum.

---

document.addEventListener('DOMContentLoaded', function() {
    location.hash = ''; // id 
});

 

Arrow functions nie wspiera IE i opera mini (nie liczac starszych wersji reszty przegladarek). W tym przypadku this i tak nie jest potrzebne więc nie rozumiem po co tworzyć "tradycyjną" funkcję.

---

Jeśli pomogłem możesz oznaczyć jako najlepszą odpowiedź .

---

Może warto się trzymać jakichś konwencji, jeśli nie używa się Babela? A co tam tutaj walne sobie arrow functions, bo działa. W końcu również przyszły pracodawca na 100 nie używa opery mini.

---

Ja używam Babela .

Answer 3

Witam. Skrypt powinien wyglądać tak

document.addEventListener("DOMContentLoaded", function() {
			var hash = $('#link');
			$('html, body').animate({
				scrollTop: $(hash).offset().top
			}, 3000);
			return false;
		});

 

Comments

Jeśli już używasz jQuery to czemu nie dasz $( document ).ready(). W pytaniu jest "Jak skokowo przewinąć (...)", nie rozumiem zasadności użycia funkcji .animate().

---

Można pominąć animację. Przewinąć skokowo  to chyba  oksymoron. Więc wybrałem przewinąć :)