A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
No2です。
>上記がHTMLになります。
>また、F12キーで原因を調べてみましたがよくわかりませんでした。
ご提示のHTMLはページのソースですよね?
推測するところ、HTMLがスクリプトで書き換えられているので、ソースそのものが表示されているとは思えません。
No2で触れているのは、「実際に表示されているHTML(DOM)」です。
>また、F12キーで原因を調べてみましたがよくわかりませんでした。
F12キーで、「elements」とか「インスペクター」などのタブを見ると、表示中のHTMLを見ることができます。
それが、実際に表示されているHTMLの構成ですので、それを確認しないと状況がわかりません。
想像するところ、No2で記述したようなことになっているのではないかと思いますので、適切な要素にCSSが当たるようにすれば良いと思われます。
ちゃんと調べるのが面倒なら、少々乱暴ですけれど、div以下の要素全部にCSSが適用されるようにしてしまえば、どれかがあたりになるのではないでしょうか?
まぁ、弊害が出る可能性もなきにしもあらずですが…
>宜しくお願い致します。
情報が無いので、これ以上の推測は無駄と思います。
(この回答もNo2と同じことしか書いておりません)
No.2
- 回答日時:
No1です
>実際に上記のCSSを試してできたのですが、Twitterの埋め込みに
>関してはなぜか出来ませんでした。
HTMLの構成の問題なので、「Twitter」とかは関係ないでしょう。
他の部分では表示できているとのことですので、ベンダープレフィックスの影響ではないと考えても良さそうに思います。
(fxなどでどのように表示されるかは不明ですけれど)
一方で、ご質問の「Twitter」なる部分がどうなっているのか(記載が無いので)まったくわかりませんが、例えば、スクロールバーのCSSを指定した要素の直下に100%のdivなどがあって、その中でoverflowしているようなケースを想定してみれば、外見上は元の(指定した)要素でのoverflowのように見えますが、実際にはその子要素でoverflowをしていることになりますので、CSSは適用されないことになります。
(他にもいろいろなケースが考えられると思います)
簡単に確認してみる方法の一つとして、PC用のメジャーブラウザであればF12キーで「表示中のHTML」の構成を見ることが可能ですので、実際の表示がどのようになっているかを見てみることで、原因を確かめることができると思います。
もしも、元の表示が、レスポンシブなどでCSSを切り替えているような場合には、問題となっているCSSが適用される状態にしておいてから確認する必要がありますのでご注意を。
No.1
- 回答日時:
こんにちは
ちゃんと確認はしていませんが、スマホの場合はスワイプなどの操作でスクロールするUIになっているので、通常状態だとバーは表示されないのでは?
私のスマホの場合は、スクロールする際に(画面にタップした状態で)小さなスクロールバーが表示されるようになっています。
どうしても常時表示したければ、自作のスクロールバーなどを別途表示するとか・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
iPhoneで HTMLファイルを閲覧
-
htmlの文字が縦書きになる
-
CSSを教えて下さい webデザイナ...
-
テーブルの行を折りたたみたい...
-
HTMLで画像をポップアップで表...
-
、URL化させるにはどうしたらい...
-
角丸画像の背景色を透明にした...
-
CSSを教えて下さい webデザイナ...
-
メモ帳の段落の揃え方
-
画像が分割されて切り替わる、...
-
スマホでHTMLファイルを開いて...
-
CSSでinputのテキストカラーを...
-
2カラム、左メニュー、特定パー...
-
このサイトのカテゴリのチェッ...
-
HTMLについて教えてください。 ...
-
HTML CSSの勉強のポートフォリ...
-
スライダーの枠に動画を収める...
-
スマホで特定のサイトを表示さ...
-
excelをhtmlに変換した途端、一...
-
HTML ul li で横並びにナビゲー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Googleマップの下に出てくる天...
-
テーブルにスクロールバーをつける
-
ActiveXを有効にするには
-
デジタル時計の時刻合わせの方...
-
マイページはどこを開くの
-
エクセルのシート上に別のシー...
-
Javascript_submit()完了後に処...
-
ウインドウを毎回同じ位置、大...
-
Excelでワードアートや図を常に...
-
一定時間おきにアラームやポッ...
-
スクリプトって、何ですか?ど...
-
どうして+3
-
[Java] Edgeでのアドレスバー非...
-
小さな表示窓の呼び方は
-
VBA ポップアップが表示された...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
VBAで任意のウインドウのサイズ...
-
Youtubeが勝手に右下に勝手に小...
おすすめ情報
回答ありがとうございます。
.scroll{overflow-x:scroll;}
.scroll::-webkit-scrollbar{height:10px;}/*バーの太さ*/
.scroll::-webkit-scrollbar-track{background:#dddddd;}/*バーの背景色*/
.scroll::-webkit-scrollbar-thumb{background:#2cc2e4;}/*バーの色*/
URL:https://www.tsukimi.net/css_scrollbar.html
実際に上記のCSSを試してできたのですが、Twitterの埋め込みに関してはなぜか出来ませんでした。
Twitterの埋め込みだけやり方違うのでしょうか。
宜しくお願い致します。
回答ありがとうございます。
<div id="id3_top" class="twitter_page">
<a class="twitter-timeline" data-width="900" data-height="500" href="https://twitter.com/AnimeAnime_jp?ref_src=twsrc% … by AnimeAnime_jp</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
上記がHTMLになります。
また、F12キーで原因を調べてみましたがよくわかりませんでした。
宜しくお願い致します。