window problem

**jemz** · Feb 18, 2013 11:47

Hi, I need some help regarding on my page,how can i make my page when i will refresh or ctrl+F5 i want that my vertical scroll bar from the window will be on top so that the middle part of my page will not be seen.because i want by default the scroll bar will always on the top.

Thank you in advance.

**Pullo** · Feb 18, 2013 14:57

Hi jemz,

I was actually surprised at how difficult this was to achieve in a cross-browser compatible way.
The secret was to wrap the call to scrollTop() in a setTimeout(), so that the browser has time to position itself before you reset the scroll position.

Here's the code:

HTML Code:

<!DOCTYPE HTML>
<html>
  <head>
    <!-- [url]http://www.sitepoint.com/forums/showthread.php?977666-window-problem[/url] -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Set scrollTop</title>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <style>#main{ background:green; height:3000px; width:500px; }</style>
  </head>
  
  <body>
    <div id="main">
    <h1>Test Div</h1>
    </div>
    <p>Test Paragraph</p>
    <script>
      $(document).ready(function() {
        setTimeout(function() { $("html, body").scrollTop(0); }, 150);
      });
    </script>
  </body>
</html>

**felgall** · Feb 18, 2013 15:24

You should be able to do it without needing JQuery using the following JavaScript:

Code:

setTimeout(function() {window.scrollTo(0,0);},150);

**Pullo** · Feb 18, 2013 15:29

Originally Posted by felgall

You should be able to do it without needing JQuery

Yup, fair point!

**jemz** · Feb 19, 2013 04:32

Thank you felgal

**jemz** · Feb 19, 2013 04:33

Thank you pullo

User Tag List

Thread: window problem

Thread Tools

Display

window problem

Bookmarks

Bookmarks

Posting Permissions