Q&A
高度すぎてまったく解決できませんが、回答いただきありがとうありがとうございました
ヘッダー部分にロゴと地図が開くボタンを設置し、地図を開いた時に地図のある箇所をクリックすると同ページ内の場所の解説をページがスクロールして地図の下部に示すようにページを作成したいと思っています。地図の開閉は、inputtypeのcheakboxを応用し作成しました。地図はこれから作成し、イメージマップで解説部分とリンクしたいと思います。
ヘッダーにはposition:fixedをかけ固定しました。
ここで問題なのが、地図を開いた時に、地図の裏側に隠れる部分ができるということです。
地図の裏側にも場所の解説があり、隠れることで地図の中のある箇所をクリックしても地図の下部
には動かせないと思うからです。
もし地図を開くボタンを押した時に、ヘッダーと解説部分の間のマージンを地図分とれるのであれば、実現できると考えています。cssだけで可能になればそれが1番いいですが、恐らくジャバスクリプトを使用しないと実現できないと思っています。ジャバラスクリプトがまったく素人のためどういうソースをかけばいいのか分かりません。
詳しい方ご教授よろしくお願いします。
回答2件
0
自己解決
地図を開いた時に裏側になる部分に地図でクリックする箇所をボタンで作成し、地図と同じ高さにしました。ボタンでも地図からでも行きたい箇所を選べますので、この方がよかったかなと思っています
投稿2019/11/01 14:09
総合スコア8
0
地図が表示されるあたりに地図と同じ大きさのダミー要素をcssの"display:none"で隠して置き、javascriptで地図の表示毎にdisplayの値を変えてあげたらどうですか?
javascriptはそんな難しくないと思うので学習をお勧めします。
投稿2019/10/30 07:53
総合スコア289
> 高度すぎてまったく解決できませんが
何を説明すれば解決できそうですか?
もし、何もかもわからない状態なのであれば、まずはcssのpositionについて深く学ぶことをお勧めします。
(特にfixedとabsoluteについて学ぶとよいと思います)
htmlとcssは基本的なところは分かります。ジャバスクリプトを使用した方法はもう少し学習を進めてから検討します。今作成できる1番いい方法が見つかったので、この質問は解決済みとさせていただきます。
またよろしくお願いします。ありがとうございました。
> 今作成できる1番いい方法が見つかったので、
でしたら、具体的にどういう方法で解決したのか、自己解決の欄に記載してベストアンサーに指定しましょう。
(方法を変えたのならどのように変えたか明記。または、明記が難しい場合はぼかして書いて下さい。)
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。