If you want your site to maintain the current scroll position when the page reloads or when you go to another page, this post should help you.

It is ideal for paging, or for sites where you don't want to submit a form using Ajax, but you still want it to stay in position.

These 8 lines of code work a treat. Just make sure you reference jQuery and jquery.cookie.js before it.

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="/scripts/jquery.cookie.js"></script>

<script type="text/javascript">
$(function () {
var top = parseInt($.cookie("top"));
if (top) $(document).scrollTop(top);
$(document).scroll(function () {
var top = $(document).scrollTop();
$.cookie("top", top);
})
});
</script>

Please feel free to comment and share with you friends/colleagues.

I originally found this code here

Paul Seal

Umbraco MVP and .NET Web Developer from Derby (UK) who specialises in building Content Management System (CMS) websites using MVC with Umbraco as a framework. Paul is passionate about web development and programming as a whole. Apart from when he's with his wife and son, if he's not writing code, he's thinking about it or listening to a podcast about it.

Proudly sponsored by

Moriyama

  • Moriyama build, support and deploy Umbraco, Azure and ASP.NET websites and applications.
AppVeyor

  • CI/CD service for Windows, Linux and macOS
  • Build, test, deploy your apps faster, on any platform.
stkrs

  • Custom stickers for startups, artists and brands.
  • Bespoke easy-apply, removable, custom brand stickers printed in the UK.
elmah.io

  • elmah.io is the easy error logging and uptime monitoring service for .NET.
  • Take back control of your errors with support for all .NET web and logging frameworks.
uSync Complete

  • uSync.Complete gives you all the uSync packages, allowing you to completely control how your Umbraco settings, content and media is stored, transferred and managed across all your Umbraco Installations.