如何解决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
,可用于禁用侧边栏内置的焦点功能。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。