ページ内リンク 親フレームは動かさない

Question

一言で言うと

　・ユーザーが手動で行う、スクロール自体は許可する。
・画面遷移（ページ内遷移含む）の際に勝手に横スクロールさせない（縦はOK)

つまり

iframeを使った、こういう↓画面があります。

サイドメニューはこんな感じです↓
iframeに表示されるhtml内のidで、各項目にリンクさせています。

<ul class = "inner">
　<li>■<a href="shinsei.html#yasumi">休み</a></li>
　<li>■<a href="shinsei.html#tien">遅延</a></li>
　<li>■<a href="shinsei.html#hannkyu">半休</a></li>
</ul>

しかし問題が

例えば、「休み」をクリックすると

PC画面が小さいユーザーは、
「shisei.html#yasumi」のリンクに飛ぶと、
自動的にiframe内の<div id="yasumi">に横スクロールされて、サイドメニューが見えなくなってしまいます。
（当然ですが。。）

したいこと

iframeの中身はページ内リンクしたとこに勝手にスクロールしてよいのですが、
親フレームは、勝手にスクロールしないでほしいです。。。
（ユーザーがスクロールするまで、サイドメニューでっぱなしになってほしい）

勝手にスクロールさせない

画面遷移時に、自動的な横スクロールは許可しない
もしくは
画面遷移時のスクロール位置設定など

何か方法はありますでしょうか。。。
説明下手ですみません、よろしくお願い致します。

つかっているもの

HTML5、CSS、jQuery

Comments

[x_x]

横スクロールバーが出ているのは親ですか？
そうであれば図のようではなく、iframe 自体が画面の右側にはみ出た状態になっているのでしょうか？