微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。