puzzeljpのブックマーク - はてなブックマーク

Barba.js v2でサイトを簡単に非同期遷移させる | Will Style Inc.｜神戸にあるウェブ制作会社
 <script src="https://unpkg.com/@barba/core"></script>  <script src="https://cdn.jsdelivr.net/npm/@barba/core"></script><script> barba.init({ // ... }) </script>また、モダンブラウザであれば動作するようですが、以下のスクリプトをサポートしていないブラウザはPolyfillが必要です。 PromiseSet() and Map()Array.prototype.findIntersectionObserver(@barba/prefetchで使用)polyfill.ioであれば下記を読み込んでください。 <script src="https://polyfill.io/v3
puzzeljp 2022/12/26
リンク
スクロールに応じてトリガーするJavaScriptのライブラリ「ScrollTrigger」 | Will Style Inc.｜神戸にあるウェブ制作会社
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollTrigger/1.0.3/ScrollTrigger.min.js"><script>使い方使い方は以下です。ES6方式のimportを使用した場合とscriptを読み込んだ場合とで少し記法が違うので注意してください。 import ScrollTrigger from '@terwanerik/scrolltrigger' const trigger = new ScrollTrigger() trigger.add('[data-trigger]') scriptを読み込んだ場合は.default()が必要です。 <script src="/path/to/ScrollTrigger.min.js"><script> <script> const trigger = n
puzzeljp 2020/08/03
リンク
1

はてなブックマーク