ページを最初から指定の位置にスクロールする


こちらのサイト（<http://play-in-hell.com/>）ではページが遷移すると一番下から表示されるようになっています。  
このように指定した場所からトップページを表示させるにはどのようにしたらよいでしょうか？

私がやりたいのは、トップページに画像が貼ってありその画像の一番下の部分が必ず見えるようにしたいです。どうしてもブラウザ表示の拡大やディスプレイの解像度によって画像の一番下の部分が隠れて表示されてしまうことがあるので、隠れてしまう場合はすこしスクロールした状態で表示させれないものかと思っています。

よろしくおねがいします。




一番下に表示するためには以下のコードで実装できます:

[code]

    window.scrollTo(0,document.body.scrollHeight);
[/code]

[code]

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    
    <h1>一番上</h1>
    
    <img id="screenshot" width="500" height="955" src="https://i.stack.imgur.com/gRkqm.png"></img>
    
    <h1>一番下</h1>
[/code]

## 参照

  * [Scroll automatically to the bottom of the page](https://stackoverflow.com/questions/11715646/scroll-automatically-to-the-bottom-of-the-page)
  * [Javascript scroll to bottom of page](https://web.archive.org/web/20150316210758/http://www.sourcetricks.com/2010/07/javascript-scroll-to-bottom-of-page.html)
  * [Javascript: scroll to bottom of page/window](http://www.alecjacobson.com/weblog/?p=753)
  * [How to Scroll a Page With JavaScript](http://www.mediacollege.com/internet/javascript/page/scroll.html)

**Note** : スニペット内のHTMLには
[@h2so5](https://ja.stackoverflow.com/users/3639/h2so5)
さんのものを使わせて頂きました。ありがとうございます。

