Q&A
> プラスαでこのような時皆さんはどのように対応しているか教えていただきたいです！
このような質問はプラスαではありません。ほぼ丸投げです。
本当に聞きたいのはこっちの方だとするなら、ちゃんとそう書きましょう。
質問です！
（今のところ、ギフトカードはアメリカ移住者のみご購入いただけます。アメリカにお住いの場合は、アカウントの設定から移住国を変更してください。）
上記の質問させていただいている箇所はスライドすると画面に合わせて一緒に動いてくるような感じです。
そちらを作りたいのですが名称がわからず検索ワードもわからないのでお聞きさせていただいております。
回答6件
0
もう少し知りたい情報に具体性を持たせたほうがいいかもしれません。
「アクセスされている国や地域によって文言を出したい」のか
「あの位置にこのようなポップを表示をさせたい」のか
はたまた両方か、他のことか
それによって検索ワードも変わりますので、まずは「自身が何を知りたいのか」をもう少し詰めてキーワードを捻出していってください。
投稿2019/07/03 00:28
総合スコア80850
0
ベストアンサー
HTMLタグの質問なので「こういう領域をHTML/CSSでどう表示すればいいか分からない」と解釈します。
ブラウザの管理者ツールで「今のところ〜」の部分の要素を調査。
↓
特別なHTMLタグを使っているならそのワードでググる。
使っていないならそこに適用されているCSSを見る。
↓ CSSを見た場合
CSSのプロパティを１つずつオンオフしたり値を変えたりして、どうなるのか確認する。
例えば「ある要素を他要素に重ねたい」が調べたい主軸なら、オンオフして重なりが変動するプロパティを探す。
↓ プロパティが見付かった場合
そのプロパティ名でググって使い方を再確認する。
別案として、クラスが付与されているならその名前でググっても出て来るかもしれません。
（今回だとnoticeとかalertとかsnackbarとか付いてそう？）
あとはもう「関連ワード＋やりたいこと」をそのままググります。「CSS 重ねる」「Javascript 閉じるボタン」とか。
投稿2019/07/03 07:14
編集2019/07/03 07:17
総合スコア11427
詳しくありがとうございます！
デベロッパーツールにて値を変更してみたりなど対応はしたのですがそれでも解決が出来なかったのでこちらに質問させていただきました。
もう一度詳細を調べて解決案を見つけていきます！
スライド？と思いましたが他の方のコメントを見るに、多分「ページのスクロールに付いて来てほしい」ということですかね？
スライドというと私はカルーセル的な横の動きを想像してしまったので、探しても目的のものが見付からない場合は「この操作は何と言うのか」「この名称で伝わっているか」を疑問に持つといいかもしれません。
（特に「何を（どこを）」「どの方向に」スライドするのかがポイントになるかと）
まぁ「html スライドするとついてくる」でも恐らく目的の情報が出ると思うので、『まずは「関連ワード＋やりたいこと」でググる』を徹底するといいと思います。（必要なら、そこで出て来たキーワードを更にググればOK）
あと、「質問前に自分が何をしたのか」は質問に書いておいてもらえると回答者側も無駄が省けます。
以下もご確認ください。
https://teratail.com/help/question-tips
0
うっうん？なんて答えればいいのか...
いろいろ試してみたら
ページの下の方にある言語設定で判別しているみたい。
でも英語＝アメリカ在住者とは限らないから自分だったらPHPかなんか使って国の判定したりVPNでのアクセス拒否したりかな
投稿2019/07/02 23:32
編集2019/07/02 23:33
退会済みユーザー
総合スコア0
0
HTMLとしてどういう作りになっているのか、が知りたいなら、参考にされているサイトを開発者ツールで見てしまうのが最速では。
何らかのフレームワークやライブラリを使う前提なら、それを質問文に書いてないとわかりませんが。
投稿2019/07/02 21:56
総合スコア8949
コメントありがとうございます！
上記の質問させていただいている箇所はスライドすると画面に合わせて一緒に動いてくるような感じです。
そちらを作りたいのですが名称がわからず検索ワードもわかりませんでしたのでお聞きさせていただきました！
z-indexと何かを組み合わせているのかな、と考えております、
フレームワークやライブラリは使っておりません。
0
「bootstrap4 notice」でググったところ、一番上に出たのがこれです。
アラート～Bootstrap4移行ガイド
こういう話ですか？
投稿2019/07/03 01:01
総合スコア36115
コメントありがとうございます！
上記の質問させていただいている箇所はスライドすると画面に合わせて一緒に動いてくるような感じです。
語彙力なくて伝えずらいのですが、
なるほど。
それは、「position:fixed」でググるといいと思いますよ。
あなたの回答
tips
プレビュー
