Поведение прокрутки NuxtJs с фиксированной разметкой боковой панели - PullRequest
Новая
       7

Поведение прокрутки NuxtJs с фиксированной разметкой боковой панели

0 голосов
/ 14 февраля 2019

В настоящее время я создаю приложение Nuxt с макетом фиксированной боковой панели в левой части страницы и прокручиваемым содержимым в правой части страницы.

Из-за этого макета я использую flexboxс переполнением: скрыто на div обтекания страницы, а при переполнении контейнера содержимого: scroll

Вы можете просмотреть код для этого здесь: https://jsfiddle.net/yk6Lepq2/

Теперь при использовании nuxt-ссылки,обычно она прокручивает страницу до самого верха, но поскольку макет был изменен, а мое приложение не использует начальную полосу прокрутки тега body / html, оно не будет прокручивать страницу до самого верха.Я читал документацию NuxtjJs, но, к сожалению, я не могу точно выяснить, как изменить целевую полосу прокрутки для прокрутки.

Я уже поместил следующий код в свой nuxt.config.js, но это не такhelp. 

router: {
    scrollBehavior: function (to, from, savedPosition) {
        return { x: 0, y: 0 }
    }
}

Кто-нибудь здесь может помочь мне с этой проблемой?Любая помощь приветствуется.

1 Ответ

0 голосов
/ 17 февраля 2019

Просто добавьте это к CSS вашего тела 

body {
  ...
  overflow-y: hidden;
}

, затем в элементе контейнера для вашего контента добавьте свойство CSS 

overflow-y: auto

таким образом, только сторона контента будетпрокрутки.Другие части страницы не будут прокручиваться.По сути, вам не нужен JavaScript для этого.

...