Zatrzymanie scrolla w jednym miejscu

Question

Cześć!

Chciałbym napisać skrypt w JS, w którym, po odświeżeniu strony - scroll pozostawałby w tym samym miejscu (żeby strona nie wracała na początek). Czy istnieje jakaś funkcja(może jQuery)/plugin albo ktoś ma jakiś pomysł?

Answer 1

Hmm… Coś chyba zepsułeś, bo po odświeżeniu strony scroll domyślnie zostaje w tym samym miejscu. Podaj więcej szczegółów.

Comments

Taki skrót myślowy . Chodziło mi o sytuację po przesłaniu formularza/powrotu z innej podstrony.

---

Powrót z innej strony też powinien działać out of the box.

Przesłanie formularza… Hmm, można to obejść przez wykorzystanie kotwic, np.

<form action="strona.html#formularz" id="formularz">

Wówczas po przesłaniu formularza strona powinna zostać do niego przescrollowana.

Answer 2

Wszystkie przeglądarki z silnikiem Chromium (nie wiem jak inne - przeglądarki), nie pamiętam, od której wersji obsługują to sprzętowo niezależnie od strony www. Ja używam na ten przykład Brave i  mam tę funkcjonalność domyślnie już uruchomioną.
Wracając do Twojego pytania: window.scrollTo() Method [ 1 ] [ 2 ] [ 3 ]. Np.:

window.onload = (event) => {
  console.log('page is fully loaded');
  window.scrollTo({
    top: 100,
    left: 100,
    behavior: 'smooth'
  });
  console.log('scroll to coordinates t:100 l:100 in the document');
};

Przewijanie strony "płynne" z pomocą jQuery do konkretnego miejsca (kotwica): Płynne przewijanie strony – smooth scrolling

printsrc pochodzi ze strony: webroad.pl