SPサイトの画面最下部から（下から上に向かって）ピコっと表示される機能

添付画像の最下部「電話予約・ネット予約」のような、
SPサイトの画面最下部から（下から上に向かって）ピコっと表示される機能を何と言うのでしょうか？
ポップアップ？で良いのでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

的外れかもしれませんが、質問者さんが想像しているのはオーバーレイ広告というものではないでしょうか？また、アニメーションなどは省略していますが、オーバーレイ広告は以下のように再現できると思います。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>タイトル</title>
6    <style type="text/css">
7        * {
8            margin: 0;
9            padding: 0;
10        }
11
12        .container {
13            height: 3000px;
14        }
15
16        .overlay_footer {
17            background-color: #ff8ed0;
18            bottom: 0;
19            padding: 20px;
20            position: fixed;
21            text-align: center;
22            width: 100%;
23            z-index: 1;
24        }
25    </style>
26</head>
27<body>
28<div class="container">
29    <div class="overlay_footer" id="overlay">
30        テキスト
31    </div>
32</div>
33<script>
34    window.addEventListener("scroll", function () {
35        let scrollPosition = document.documentElement.scrollTop || document.body.scrollTop;
36        if (scrollPosition >= 500) {
37            document.getElementById("overlay").style.display = "";
38        } else {
39            document.getElementById("overlay").style.display = "none";
40        }
41    }, false);
42</script>
43</body>
44</html>