Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8816

ペライチで追っかけボタンを作成する(要レギュラープラン)

$
0
0

やりたいこと

スクロールしてもずっと画面の下にくっついてくる例の緑っぽいボタン!

前提

ペライチのレギュラープランが必要です

やること

1.htmlブロック要素を追加

ブロックの挿入 > HTML埋め込み
※[link]は任意のURLに付け替え

<divid="float-div"><ahref='[link]'target="_blank">追っかけボタン</a></div>

2.JS/STYLEの追加

ページ情報埋め込み > headタグ内の埋め込み

<style>#float-div{width:200px;height:60px;position:fixed;right:7vw;bottom:3vh;background:#56C500;opacity:0.8;border-radius:5px;}#float-diva{display:block;position:absolute;margin:0auto;top:25%;text-align:center;width:100%;text-decoration:none;font-size:18px;font-weight:bold;color:#fff;}</style>

Viewing all articles
Browse latest Browse all 8816

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>