Bootstrap Vue侧栏关闭侧栏后,滚动到切换按钮所在的位置

问题描述

当移动视口时,我想将其用作切换侧边栏。 *请注意,我的页面是线性页面,因此当我单击导航链接时,应将其滚动到链接指向的位置。 它会转到链接指向的位置,但是在我单击关闭侧边栏后,它只是滚动回到切换按钮所在的位置。 这是我的侧边栏的样子。

<div style="margin:2000px 0">
<b-button v-b-toggle.sidebar-1>Toggle Sidebar</b-button>
<b-sidebar id="sidebar-1" title="Sidebar" shadow>
  <div class="px-3 py-2">
    <p>
      Cras mattis consectetur purus sit amet fermentum. Cras justo odio,dapibus ac facilisis
      in,egestas eget quam. Morbi leo risus,porta ac consectetur ac,vestibulum at eros.
    </p>
    <b-img src="https://picsum.photos/500/500/?image=54" fluid thumbnail></b-img>
  </div>
</b-sidebar>
<div>

解决方法

<b-sidebar>将焦点返回到打开它的元素,这将导致页面滚动到它。

当前没有内置方法可以禁用此行为。但是在下一个版本(2.17.0)中,将有一个新的道具no-enforce-focus,可用于禁用侧边栏内置的焦点功能。