Skip to content

How to detect scroll event on the v-navigation-drawer #18540

Answered by nickmadev
nickmadev asked this question in Q&A
Discussion options

You must be logged in to vote

I resolved this problem. 🚀
Instead of v-navigation-drawer, I used div tag, and used touchstart, touchend to detect mouse scroll event.
Instead of animation effect of v-navigation-drawer, I used like following css.

@keyframes trans-anime {
  0% {
    transform: translateY(40vh);
  }
  100% {
    transform: translateY(0);
  }
}
.custom-drawer {
  z-index: 101;
  animation-name: trans-anime;
  animation-duration: 0.4s;
}

Replies: 1 comment

Comment options

You must be logged in to vote
0 replies
Answer selected by nickmadev
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
1 participant