vue/composition-apiでscrollの状態を扱うComposition Functionを作った - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/mejileben

1user がブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

vue/composition-apiでscrollの状態を扱うComposition Functionを作った - Qiita

import { useWindowScroll } from '@vueuse/core' import { reactive, toRefs, watch, } from '@vue/com... import { useWindowScroll } from '@vueuse/core' import { reactive, toRefs, watch, } from '@vue/composition-api' export const useScroll = () => { const { x, y } = process.browser ? useWindowScroll() : { ...toRefs(reactive({x: 0, y: 0})) } const state = reactive<{ isUp: boolean, isDown: boolean }>({ isUp: false, isDown: false, }) watch(y, (newY, oldY) => { state.isUp = newY < oldY state.isDown = newY

ブックマークしたユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx