- 締切済み
divでスクロールの位置を記憶するには？
始めまして。よろしくお願いします。 ブログのトップページがdivで2つに分かれています。 左側はメニュー画面で非常に縦長になっていてスクロールして表示しています。 メニュー画面のリンクをクリックするとメニュー画面のスクロールバーが一番上まで言ってしまって困っています。 リンクをクリックしてもスクロールバーの位置を変えない良い方法はないでしょうか？ どなたかよろしくお願いします。
- burobo
- お礼率33% (3/9)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- arenani_sorenani
- ベストアンサー率73% (58/79)
通常の方法では難しそうですねー。 ＦＣ２で自分の使用テンプレートの修正が簡単に可能なことは知ってますが サーバー側でＰＨＰで置換書き換えされる部分とぶつからないように 隙間を見つけてスクリプトを書かないといけないし 動的にメニュー上のリンクタグを全て書き換え必要になるので ＰＨＰとの取り合いが難しそうですな・・・ 少し時間がかかります。 暇な時にやってみますので、しばらくお待ち下さい。 .
- arenani_sorenani
- ベストアンサー率73% (58/79)
＞メニュー画面のリンクをクリックすると ということは別画面に飛んでるわけですよね。 で、別画面にも同じメニューがあり、そのスクロールが一番上に戻る。 てっ、別画面のメニューですから、スクロールが元に戻るのは、当たり前ですよね。 それを、どうしても、前の画面と一緒の位置にして メニューを複数作ってるようには見せたくないと・・ フレームで作れば問題ないんじゃないでしょうか？ そこを、どうぉ～しても・・という場合は、ソースを貼って下さい。 スクロールの現在位置を次ページに渡せば可能かもしれませんので、 とりあえずソース見せてください。 .
補足
arenani_sorenaniさん 回答ありがとうございます。 ＞そこを、どうぉ～しても・・という場合は、ソースを貼って下さい。 FC2ブログの共有テンプレートの「bbs」というもので、ローカルで動作確認できるか分かりませんが、ソースを貼らせていただきます。 出来れば、フレームでなくてdivのまま実現したいなと思っています。 宜しくお願いいたします。 ＃文字数制限の為、<body>～</body>および途中省略しています。 ＃====Main Block====と===Menu Block===の２分割で Menu Blockがメニューとして画面の左側にスクロール付きで 表示されています。 <body><!--/not_permanent_area--> <!--permanent_area--><body id="permanent"><!--/permanent_area--> <!--not_permanent_area--> <div id="main"> <!-- ==========Main Block================= --> <ul id="admin"> <li><a href="<%url>?xml" title="RSS">RSS 1.0</a></li> <li><a href="./admin.php" title="管理人専用">[admin]</a></li> </ul> <h1 id="blog-title"><%blog_name></h1> <div id="navigation"> <h2><!--category_area--><%sub_title>＠<!--/category_area--><!--date_area--><%now_year>年<%now_month>月＠<!--/date_area--><%blog_name></h2> <p class="prev-next-nav"> <!--nextpage--><a href="<%nextpage_url>" title="前のページ"><< 前のページ</a><!--/nextpage--> <!--date_area--><a href="<%prev_month_link>"><< <%prev_year>年<%prev_month>月</a><!--/date_area--> <!--not_index_area--> | <a href="<%url>" title="トップページへ">Home</a><!--/not_index_area--> <!--date_area--> | <a href="<%next_month_link>"><%next_year>年<%next_month>月 >></a><!--/date_area--> <!--prevpage--> | <a href="<%prevpage_url>" title="次のページ">次のページ >></a><!--/prevpage--> </p> <form class="search" method="get" action="./"> <p>ブログ内検索 <strong>キーワード</strong> <input id="search-text" type="text" name="q" size="20" value="" /><input id="submit" type="submit" value="検索" /> </p> </form> </div><!-- /navigation --> <!--省略--> <!--permanent_area--> <hr /> <div id="trackback-area"> <h2 id="trackback-top">トラックバック<!--deny_tb-->は受け付けていません<!--/deny_tb--></h2> <ol class="trackback"> <li><span class="name"><%blog_name></span> <%topentry_year>/<%topentry_month>/<%topentry_day>（<%topentry_wayoubi>） <%topentry_hour>:<%topentry_minute>:<%topentry_second> <dl> <!--allow_tb--><dt>この記事のトラックバックURI</dt><dd><%trackback_url></dd><!--/allow_tb--> <!--preventry--><dt>次の記事</dt><dd><a href="<%preventry_url>" title="<%preventry_title>"><%preventry_url></a></dd><!--/preventry--> <!--nextentry--><dt>前の記事</dt><dd><a href="<%nextentry_url>" title="<%nextentry_title>"><%nextentry_url></a></dd><!--/nextentry--> </dl> </li> <!--deny_tb--> </ol> </div> <!--/deny_tb--> <!--/permanent_area--> <!--/topentry--> <!--trackback_area--> <!--trackback--> <li id="trackback<%tb_no>"><span class="name"><a href="<%tb_url>" title="<%tb_title>"><%tb_blog_name></a></span> <%tb_year>/<%tb_month>/<%tb_day>（<%tb_wayoubi>） <%tb_hour>:<%tb_minute>:<%tb_second> <p class="trackback-excerpt"><%tb_excerpt></p> </li> <!--/trackback--> </ol> </div><!-- /trackback-area--> <!--/trackback_area--> <!--not_permanent_area--> <hr class="ad" /> <p class="ad"><%ad> <%ad2></p> <hr class="ad" /> </div> <!-- ==========/Main Block================= --> <!--/not_permanent_area--> <!--not_permanent_area--> <div id="menu"> <!-- ==========Menu Block================= --> <h2 id="archives">Archives</h2> <dl> <dt>月別</dt> <!--archive--> <dd><a href="<%archive_link>" title="「<%archive_year>年<%archive_month>月」の記事一覧"><%archive_year>-<%archive_month> : <%archive_count></a></dd> <!--/archive--> <!--省略--> <h2 id="links">Links</h2> <ul> <!--link--> <li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li> <!--/link--> </ul> </div> <!-- ==========/Menu Block================= --> <!--/not_permanent_area--> </body>
補足
えっ・・・！？なんか難しそうですね・・・。 フレームの時のようにちょこっと書き足せばいいのかと思ってました・・・。どうりで検索しても（難しそうなのしか）出てこないわけですね。 ＞暇な時にやってみますので、しばらくお待ち下さい。 申し訳ないです。本当に暇なときでいいので・・・宜しくお願いします。