- 運営しているクリエイター
記事一覧
Swiper:流れ続けるスライダー
実装の手順
①:swiperのサイトからCDNをコピーぺする
https://swiperjs.com/get-started
CSSタグは自身で設定したreset.css style.cssの上に記述
scriptタグは自身で設定したscriptタグの上に記述
(swiperはJQueryに依存していないので、JQueryのscriptの上下どちらでも大丈夫!)
②:HTML と jsのコード
jsメモ WOWライブラリ
①上記からダウンロードする
②distフォルダ内にあるwow.min.js
cssフォルダ→libsフォルダ内にあるanimate.css
この2つをコピーし自身のwebサイトのファイルする
③HTMLファイルの
bodyの閉じタグ直前、自身のscript.jsの前にwow.min.jsを、
headタグ内のstyle.cssファイルを読み込んでいるlinkタグの前にanimate.cs
jQuery メモ scroll
CSSで簡単に実装する細かい指定はできない(対象場所やスピード等)
html{ scroll-behavior: smooth;}
スクロール場所を変更する
ヘッダー固定で隠れてしまう時など
html{scroll-padding-top: 80px;}
三項演算子
const target = jQuery("#" == id ? "html" : id); の部分は、三項演算子を