A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
こんにちは
スクリプトで、最初に下までスクロールさせておくなどといった方法ではダメでしょうか?
<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>
<style type="text/css">
.target{ overflow-y:scroll; height:500px; margin-top:300px; }
.target div{ height:450px; background-color:#FFD; }
.target div+div{ background-color:#FDF; }
.target div+div+div{ background-color:#DFF; }
</style>
</head>
<body>
<div class="target">
<div>first</div>
<div>second</div>
<div>third</div>
</div>
<script type="text/javascript">
let t = document.querySelector(".target");
let s = -1, h = t.clientHeight;
while(s !== t.scrollTop){ s = t.scrollTop, t.scrollTop = s + h; }
</script>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- JavaScript 指定したパスが現URLに含まれていたら特定要素を削除するJavascriptのコードを教えてください 2 2023/04/27 17:58
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS HTMLの条件によって表示方向が切り替わる実装のコードを教えて下さい。 (コードは下記リンクを参照) 1 2022/09/25 14:35
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- PHP PHPの構文で間違えが分からない 5 2022/07/11 16:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSS <div>の入れ子が反映さ...
-
css固定したフッターが本文と重...
-
フッター上部に謎の隙間
-
ヘッダとフッタが固定でコンテ...
-
Flickity で画像にリンクを貼る...
-
オープニングにアニメーション...
-
フッターの下に隙間ができてしまう
-
【CSS】floatで左右に並べた...
-
大分類・中分類・小分類
-
【コーディング】途中から位置...
-
画像の特定の座標にカーソルが...
-
IE6のレイアウト崩れ
-
HTML CSS 文字化け
-
チェックボックスの背景色って...
-
html スクロール要素を下から表...
-
CSS 可変マージン
-
ワードプレスでレイアウトが崩...
-
スタイルシートで画面を上下に...
-
このタグはグラデーションです...
-
ラジオボタンで段階評価
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フッター上部に謎の隙間
-
CSS <div>の入れ子が反映さ...
-
【CSS】floatで左右に並べた...
-
css固定したフッターが本文と重...
-
文字をクリックしたら別の文字...
-
textareaで入力した文字を改行...
-
オンマウス時に別画像を上に重...
-
スクロール可能なチェックボックス
-
文字を固定したいのですが…
-
1行で左寄せと右寄せと中央揃え...
-
Ctrl+F(検索)の窓を出したいの...
-
チェックボックスの背景色って...
-
Webサイト作成 プログレスバー ...
-
離れた場所にマウスオーバーで...
-
スタイルシートで画面を上下に...
-
メニューバーもスクロールに合...
-
ホームページのsidebar とconte...
-
CSSで背景を下までのばすには?
-
かなり困っています。知恵を貸...
-
TABLEの高さを固定したいのですが…
おすすめ情報