弊社で絶対と言っていいほど使われている、スクロールしたら下からにょろっと出てくるフローティングバナーについて。

弊社のほとんどのサイトがWPなのですが、テーマは弊社のテンプレート使用。それにはもうバリバリjQueryで書かれているので、そこらへんも慣れていく必要があるのですが、私そんなにjQuery勉強したことないんですよね。で、JavaScriptでかくとどうなるのかっているのが気になって、検証。

いつも見るjQueryコード

書き換えてみた。↓

下からにょろっと出てくる黄色部分(なんか上が長かったかね)

スクロールしてある位置に来たら、bottom:0; の位置に現れる。それ以外はbottom: -200px;で消える。動く速さは、transition-duration: 0.7s;(CSS)ですね。

とりあえず動いたのでOK。
やっぱり、今弊社で使用されてるJSをまずは把握する必要があるな。

c.sakyou

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA