• 締切済み

overflow内でのページ遷移したときに頭部分へスクロールさせたい

商品一覧をoverflow:autoとしたdivタグの中に表示しています。 その中で次の10件というボタンを用意しAjaxで取得した情報をそのdivタグ内に反映するといった処理になります。 しかし、ブラウザのキャッシュによりスクロール位置を覚えているため次の10件に切り替えてもスクロールさせた位置で表示されます。 それをどうにか次のページを表示した場合にはY軸でのスクロール位置は上から０の位置にしたいのですが、だれか教えてもらえないでしょうか？ google maps　での店舗検索結果ではこれができていまいたが、ソースが解読できずでして…。

  • unlax
  • お礼率31% (13/41)

みんなの回答

  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

ページ内アンカーで解決できないかな？ 頭のどこかに name="head" とか付けといて href="#head" みたいに。

unlax
質問者

補足

document.getElementById("div").scrollTop = 0; でできました。すみません。。。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • divのoverflowのスクロールバーを自動スクロールしたい

    初めて質問します。 overflowのスタイル設定をしたdivに、innerHTMLで上から下にどんどん文字を 追加していくのですが、下にはスクロールされず、つまり自動スクロールされず わざわざ下にスクロール必要があります。 このdivのoverflowのスクロールバーを自動スクロールしたいのですが、 可能でしょうか？参考になる文献などがございましたら、教えてください。 msg.innerHTML=msg.innerHTML+"<font size=-1>テスト</font><br>"; これを入力するごとに繰り返しています。 divのoverflow以外にいい方法があれば、教えてください。 今はmsg.innerHTML="<font size=-1>テスト</font><br>"+msg.innerHTML; で、つまり下から上に表示して無理矢理、表示させています。 どうぞ宜しくお願い致します。

  • CSS)overflow,スクロールについて

    独学でホームページをツクッテいる者です。 overflow:scroll;をするとIE以外でうまく表示できません。 Firefoxなどでは、BOXの中の文字がスクロールバーごとBOXの外(右側)に大きくずれてしまいます。 IEですと、きちんとBOXの中に文字も収まり、スクロールバーも表示されます。 ためしにoverflow:scroll;をCSSから消して更新すると、文字はBOXの中に収まります。 FirefoxでもBox内がずれずにスクロールされる方法はないでしょうか？

    • ベストアンサー
    • CSS
  • <div style="overflow">でこんなことは出来ませんか？

    <div style="overflow: auto; height: **px;width:**px;"> というタグについて教えてください。 <div>で囲まれた内容が、height: **pxに満たない場合、 スクロールバーは出ませんが スペースはheight: **px分、空いてしまいます。 やりたいことは、<div>で囲む内容が height: **px未満の場合はスペースもあけず スクロールバーも出さず、overflow未指定の状態にする。 height: **pxの場合はheight: **pxで高さを固定して スクロールバーを出す。ということです。 何か良い方法はありませんでしょうか。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • CSSだけで、テーブルにスクロールバーを表示させたいのですが…

    CSSを使い、テーブルにスクロールバーを表示させたいのですが <div style="height:60px; width:300px; overflow-y:scroll;"> <table border=1 width=300> : </table> </div> 上記の方法だと確かにスクロールバーは表示されるのですが、出来ればDIVを使わずに、作っておいたCSSを適用するだけで、テーブルにスクロールバーを表示させることは可能でしょうか？ 出来れば、スクロールバーの色を変更して、横(X軸)のスクロールバーも消したいのですが… CSSで .scroll { overflow: scroll; visibility: visible; height: 100px; width: 140px; } とやってみたのですが、どうしてもスクロールバーが表示されません。何が足りないのか、もしくは根本から間違っているのかがわかりません。 ご存知の方教えて下さい。

    • ベストアンサー
    • HTML
  • CSSでスクロールバー

    CSSでdivタグにwidthとheightを指定してボックスを作ります。そして、そこにoverflow:scroll;を指定して、そのボックスにスクロールバーを表示させるのですが、下のスクロールバーを表示させないようにするにはどうすればいいんでしょうか？右横の縦方向のスクロールバーは必要ですが、表示させるもののwidthが決まっている場合、下の横方向のスクロールバーが邪魔で仕方ないんですけど。 どなたか教えて下さいませんか？？

    • ベストアンサー
    • HTML
  • テーブルのスクロール

    テーブルに長い文章を入れる必要があって、<div style="overflow:auto">を使って、スクロールしています。 Windows版のIE6.0、Netscape4.7、Netscape7.0で検証したところ、IE6.0はきちんと表示され、NN4.7はスクロールなしで、長いページが表示されました。 NN7.0では、スクロールすべきセルが背景色だけのブランクで表示されます。 これらの３つのバージョンに対応できる方法はありますか？

    • ベストアンサー
    • HTML
  • overflowの特性について

    overflow-y:autoの特性についてご教授をお願い致します。 【質問】 overflow-y:autoは、はみ出した内容(文字)は、次ページに 表示しない特性なのでしょうか。 【状況】 現在、テーブルタグに対して、overflow-y:autoを設定しております。 印刷プレビュー上、一枚に収まりきれないくらいに文字を入力した ときに、特定行数に達すると、これ以降の文字が隠れてしまいます。 また、隠れた文字は次ページにも反映されない状態です。 印刷プレビュー上、次ページに表示されるようにするためには、 どうしたらよろしいのか、ご教授お願い致します。

  • iframeの横スクロール

    iframeを使ってほかのページを表示させているのですが、 どうしても横スクロールバーが出てしまうのでcssのbody要素に 「overflow-x: hidden;」と入れました。 確かにiframeの横スクロールバーは消えましたが、ページの横スクロールも消えてしまいました。 div idでiframeを囲ってcssでその場所だけに「overflow-x: hidden;」を入れると今度は横スクロールバーが消えません。。 色々調べてみたのですが同じような人がいないようで； 詳しい方教えていただけないでしょうか。 （説明がへたくそですみませんm(_ _)m）

  • img

    大きい画像にスクロールを表示させたいです。 <img>タグのみでスクロールを表示させる方法を探しています。 img{ display:block; overflow:auto; } なんて風にやっても、<img>はブロック要素にはなりませんか？ <div>で囲えばできるんですけど。

  • swfをoverflow: hiddenできない

    HTMLカテゴリに登録しましたが、CSSの質問です。 divタグの大きさをCSSでwidthとheightで指定し、overflow: hiddenの設定をしました。 ここでdivタグ内に文書を書き、それがCSSで指定したdivタグのサイズ（範囲）を超えてしまった場合、はみ出た部分はoverflow: hiddenにより見えなくなります。 画像でも同様だったのですが、何故かFlash（swfデータ）はIE以外のブラウザ（NN、Firefox、Operaなど）で見たところ、overflowが効いていません。隠したい部分も見えてしまいます。なぜなのでしょうか？ ソースは以下になります。 <?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/xhtml1/xhtml1-transitional/"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> <!-- #clip { border: 1px solid blue; width: 500px; height: 100px; overflow: hidden; } //--> </style> <title></title> </head> <body> <div id="clip"> <embed src="flash.swf" width="500" height="250" /> </div> </body> </html> お分かりのように、本来はheight=250pxのswfをheight=100px分だけ表示したいのです。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する