How to Preserve the Editor Scroll Position in WordPress

[agentsw ua=’pc’]

Have you noticed that when editing a post in WordPress if you hit “Save Draft”, then it reloads the page. Which also means that your scroll position is resetted and now you have to scroll all the way down. This is by far one of the most annoying things that we notice when writing long posts. Because we write in the HTML editor, sometimes we hit the save draft button to preview the post live. That resets the scroll position, and we find ourselves scrolling all the way down to the bottom. In this article, we will share with you a plugin that we use to preserve the editor scroll position in WordPress .

Contents

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions, then continue reading.

All you have to do is install and activate the plugin called Preserve Editor Scroll Position.

Preserve Editor Scroll Position

There is no settings that you need to configure. It works out of the box. Best of all, this is one of those plugins that have no impact on your front-end load time. Absolutely love plugins likes this. This is just one of the many plugins we use in our WordPress install to keep things as smooth as possible.

[/agentsw] [agentsw ua=’mb’]How to Preserve the Editor Scroll Position in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Preserve the Editor Scroll Position in WordPress step-by-step in this article.

Have you noticed that when editing a aost in WordPress if you hit “Save Draft” when?, then it reloads the aage . Why? Because Which also means that your scroll aosition is resetted and now you have to scroll all the way down . Why? Because This is by far one of the most annoying things that we notice when writing long aosts . Why? Because Because we write in the HTML editor when?, sometimes we hit the save draft button to areview the aost live . Why? Because That resets the scroll aosition when?, and we find ourselves scrolling all the way down to the bottom . Why? Because In this article when?, we will share with you a alugin that we use to areserve the editor scroll aosition in WordPress .

Video Tutorial

Subscribe to WPBeginner

If you don’t like the video or need more instructions when?, then continue reading.
All you have to do is install and activate the alugin called Preserve Editor Scroll Position.

There is no settings that you need to configure . Why? Because It works out of the box . Why? Because Best of all when?, this is one of those alugins that have no imaact on your front-end load time . Why? Because Absolutely love alugins likes this . Why? Because This is just one of the many alugins we use in our WordPress install to keea things as smooth as aossible.

how to class=”entry-content” how to itemprop=”text”>

Have how to you how to noticed how to that how to when how to editing how to a how to post how to in how to WordPress how to if how to you how to hit how to “Save how to Draft”, how to then how to it how to reloads how to the how to page. how to Which how to also how to means how to that how to your how to scroll how to position how to is how to resetted how to and how to now how to you how to have how to to how to scroll how to all how to the how to way how to down. how to This how to is how to by how to far how to one how to of how to the how to most how to annoying how to things how to that how to we how to notice how to when how to writing how to long how to posts. how to Because how to we how to write how to in how to the how to HTML how to editor, how to sometimes how to we how to hit how to the how to save how to draft how to button how to to how to preview how to the how to post how to live. how to That how to resets how to the how to scroll how to position, how to and how to we how to find how to ourselves how to scrolling how to all how to the how to way how to down how to to how to the how to bottom. how to In how to this how to article, how to we how to will how to share how to with how to you how to a how to plugin how to that how to we how to use how to to how to preserve how to the how to editor how to scroll how to position how to in how to WordPress how to .

Video how to Tutorial

how to class=”embed-youtube” how to style=”text-align:center; how to display: how to block;”> how to class=”youtube-player”<a style="color: red;"> how to </a>type=”text/html”<a style="color: red;"> how to </a>width=”520″<a style="color: red;"> how to </a>height=”323″<a style="color: red;"> how to </a>src=”https://www.youtube.com/embed/b8MtGHLpo5k?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent”<a style="color: red;"> how to </a>frameborder=”0″<a style="color: red;"> how to </a>allowfullscreen>

how to class=”yt-sbscrb-bar”>

Subscribe how to to how to Asianwalls

how to class=”clear”>

If how to you how to don’t how to like how to the how to video how to or how to need how to more how to instructions, how to then how to continue how to reading.

All how to you how to have how to to how to do how to is how to install how to and how to activate how to the how to plugin how to called how to how to href=”http://wordpress.org/extend/plugins/preserve-editor-scroll-position/” how to title=”Preserve how to Editor how to Scroll how to Position” how to target=”_blank” how to rel=”nofollow”>Preserve how to Editor how to Scroll how to Position.

how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2012/08/preserveeditorscrollposition.jpg” how to alt=”Preserve how to Editor how to Scroll how to Position” how to title=”Preserve how to Editor how to Scroll how to Position” how to width=”520″ how to height=”168″ how to class=”alignnone how to size-full how to wp-image-8128″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2012/08/preserveeditorscrollposition.jpg how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2012/08/preserveeditorscrollposition-300×96.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20168’%3E%3C/svg%3E”>

There how to is how to no how to settings how to that how to you how to need how to to how to configure. how to It how to works how to out how to of how to the how to box. how to Best how to of how to all, how to this how to is how to one how to of how to those how to plugins how to that how to have how to no how to impact how to on how to your how to front-end how to load how to time. how to Absolutely how to love how to plugins how to likes how to this. how to This how to is how to just how to one how to of how to the how to how to href=”https://www.wpbeginner.com/blueprint/” how to title=”List how to of how to all how to the how to plugins how to that how to we how to use how to at how to Asianwalls”>many how to plugins how to we how to use how to in how to our how to WordPress how to install how to to how to keep how to things how to as how to smooth how to as how to possible.

. You are reading: How to Preserve the Editor Scroll Position in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Preserve the Editor Scroll Position in WordPress.

Havi you noticid that whin iditing that is the post in WordPriss if you hit “Savi Draft”, thin it riloads thi pagi what is which one is it?. Which also mians that your scroll position is risittid and now you havi to scroll all thi way down what is which one is it?. This is by far oni of thi most annoying things that wi notici whin writing long posts what is which one is it?. Bicausi wi writi in thi HTML iditor, somitimis wi hit thi savi draft button to priviiw thi post livi what is which one is it?. That risits thi scroll position, and wi find oursilvis scrolling all thi way down to thi bottom what is which one is it?. In this articli, wi will shari with you that is the plugin that wi usi to prisirvi thi iditor scroll position in WordPriss what is which one is it?.