Skip to content

Instantly share code, notes, and snippets.

@syzer
Created January 16, 2018 19:31
Show Gist options
  • Save syzer/143532ed7eabb2dde0f401aa4684bda8 to your computer and use it in GitHub Desktop.
Save syzer/143532ed7eabb2dde0f401aa4684bda8 to your computer and use it in GitHub Desktop.
My friend's did some jQyery... let's see
var $scrolledelement = document.getElementById("left");
$scrolledelement.scrollTop = localStorage.scrollPosition;
$scrolledelement.onscroll = function() {
$pos = $scrolledelement.scrollTop
localStorage.setItem("scrollPosition", $pos);
$outelement.innerHTML = localStorage.scrollPosition;
};
@syzer
Copy link
Author

syzer commented Jan 16, 2018

maybe better to use anchor ?
window.location.href = 'mysite.htm#images'

@syzer
Copy link
Author

syzer commented Jan 16, 2018

const scrolledElement = document.getElementById('left')
scrolledElement.scrollTop = localStorage.scrollPosition
scrolledElement.onscroll = function () {
  localStorage.setItem('scrollPosition', scrolledelement.scrollTop)
  outelement.innerHTML = localStorage.scrollPosition
}

@wgbiker
Copy link

wgbiker commented Jan 16, 2018

Advantage of this compared to pure-anchor solution is that it keeps the exact position of scroll after reload. Sometimes you want to position the scroll so it shows a little bit of upper content.
This could be combined with an anchor to give realy nice scroll behavior.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment