问题描述
当移动视口时,我想将其用作切换侧边栏。 *请注意,我的页面是线性页面,因此当我单击导航链接时,应将其滚动到链接指向的位置。 它会转到链接指向的位置,但是在我单击关闭侧边栏后,它只是滚动回到切换按钮所在的位置。 这是我的侧边栏的样子。
<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
,可用于禁用侧边栏内置的焦点功能。