質問編集履歴

1 改行

avumya

avumya score 3

2018/09/20 09:04  投稿

ウィンドウサイズの変更により閲覧している所が下へ移動してしまう
### 前提・実現したいこと
[http://azu.github.io/promises-book/#not-throw-use-reject](http://azu.github.io/promises-book/#not-throw-use-reject)を読んでいる時、別ウィンドウをひらいて作業したかったためウィンドウサイズを半分にした時に起きたことです
### 発生している問題・エラーメッセージ
ウィンドウサイズを小さくしたりすると、自分が読んでいた文章が下のほうに押されていってしまいます
ちょっとしたウェブサイトならいいんですが、上のサイトはかなり分量があり、一度読んでいたところを見失うと再度探すまでが大変で、ウィンドウサイズを変えるだけでもそれなりの手間がかかります
そこで、ウィンドウサイズが変えられても、どうにかして、自分が読んでいた部分のコンテンツをウィンドウの中に収められないかと思いまして質問しました
### 試したこと
ウェブページにはJavaScriptでの処理を動かせるためこれを利用して、CSSを加えたり、JavaScriptでの処理をしたりして対応できないか、という方向で考えました
- JavaScriptでウィンドウサイズを変える前に画面の真ん中にあるテキストを取得してどうにかできないかと考えました
⇒画面の真ん中にあるテキストが他の部分でも出現した時にそっちに反応してしまう。あと常に画面真ん中のテキストを取得し続けるのは負荷がかかるかもしれない。
[ ](http://google.com)
- JavaScriptでウィンドウサイズを変える前にその部分のページ最上部からの高さなどを取得して閲覧場所を特定できないかと考えました
⇒そもそもウィンドウサイズを変えたら高さも変わってしまうから意味がなかった
このように、思いついた案は汎用的(?)ではありませんでした
### 補足情報(FW/ツールのバージョンなど)
可能な限りJavaScriptには頼らず、CSSで実現出来ないか、と考えています
よろしくお願いします
  • HTML

    11904 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    7812 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る