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

pytanie zadane 19 listopada 2017 w HTML i CSS przez vtn Początkujący (360 p.)

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żę

3 odpowiedzi

odpowiedź 19 listopada 2017 przez Daniel90 Pasjonat (17,970 p.)

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

komentarz 19 listopada 2017 przez WojtexGamer Początkujący (370 p.)

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

komentarz 19 listopada 2017 przez vtn Początkujący (360 p.)

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 ?

komentarz 19 listopada 2017 przez vtn Początkujący (360 p.)

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

komentarz 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)
edycja 19 listopada 2017 przez lapacz.kornel

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

Da się

odpowiedź 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

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

to powinno zadziałać

komentarz 19 listopada 2017 przez Ehlert Ekspert (215,070 p.)

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.

komentarz 19 listopada 2017 przez vtn Początkujący (360 p.)

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

komentarz 19 listopada 2017 przez Ehlert Ekspert (215,070 p.)

Tracę wiarę w to forum.

komentarz 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

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ę.

komentarz 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

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

komentarz 19 listopada 2017 przez Ehlert Ekspert (215,070 p.)

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.

komentarz 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

Ja używam Babela .

odpowiedź 19 listopada 2017 przez pablop76 VIP (123,580 p.)

Witam. Skrypt powinien wyglądać tak

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

komentarz 19 listopada 2017 przez lapacz.kornel Mądrala (6,930 p.)

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().