Sirius UI - Complete UI for Laravel applicationsBuild your beautiful website with Sirius Fully responsive elements and layouts.
Vue.jsで固定ヘッダ、トップへスクロールボタン - Qiita
jQueryなるべく使いたくないですね。Vue.jsでなんとかしましょう。 DEMO スクロールイベントを取る mounted内に仕込みます。 document.onscroll = (e) => { this.position = document.documentElement.scrollTop || document.body.scrollTop; } これで、html側に、position変数を使った条件分岐を直接入れることが出来ます。 アニメーションヘッダ v-bind:classを使って、クラスをトグルします。 下記のように書くと、positionが0以上の時に、stickyクラスが付加されます。
Vue.js - The Progressive JavaScript Framework | Vue.js
The Progressive JavaScript Framework Web ユーザーインターフェース構築のための、親しみやすく、パフォーマンスと汎用性の高いフレームワーク。 Vue を使う理由 はじめる インストール Vue 2 のセキュリティー・アップデート 親しみやすい 直感的な API とワールドクラスのドキュメントを使用して、標準的な HTML、CSS、JavaScript をもとに構築します。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
