diff --git a/.changeset/real-eggs-shake.md b/.changeset/real-eggs-shake.md new file mode 100644 index 00000000..2f09eae1 --- /dev/null +++ b/.changeset/real-eggs-shake.md @@ -0,0 +1,5 @@ +--- +"@explorer-1/vue": patch +--- + +Hides Jump Menu when overscrolling diff --git a/packages/vue/src/components/NavJumpMenu/NavJumpMenu.vue b/packages/vue/src/components/NavJumpMenu/NavJumpMenu.vue index a347a424..a4dd6402 100644 --- a/packages/vue/src/components/NavJumpMenu/NavJumpMenu.vue +++ b/packages/vue/src/components/NavJumpMenu/NavJumpMenu.vue @@ -185,6 +185,9 @@ watch( &.-ready { @apply visible #{!important}; } + &.-at-top { + @apply invisible #{!important}; + } .NavSecondaryLink.secondary-root { span { @apply border-primary #{!important}; diff --git a/packages/vue/src/components/NavSecondary/NavSecondary.vue b/packages/vue/src/components/NavSecondary/NavSecondary.vue index c0c85f7c..a183c22b 100644 --- a/packages/vue/src/components/NavSecondary/NavSecondary.vue +++ b/packages/vue/src/components/NavSecondary/NavSecondary.vue @@ -7,7 +7,8 @@ :class="{ 'has-intro': hasIntro, '!bg-transparent border-none': invert, - '-scrolled-up': scrollDirection === 'up' + '-scrolled-up': scrollDirection === 'up', + '-at-top': posY === 0 }" >