添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
神勇威武的杨桃  ·  Converting Your React ...·  2 天前    · 
威武的香瓜  ·  React Native 0.60 ...·  昨天    · 
坚强的山楂  ·  [React Note] — 前端 ...·  9 小时前    · 

点击下图页面上方按钮,页面自动滑动到最下面的列表,视图如下 点击页面上方按钮,页面自动滑动到最下面的列表,如下图 在这里插入图片描述
点击上方子组件(TopView)按钮时, 父组件(MainView)传递值 告知子组件BottomView 按钮被点击
子组件 BottomView收到变化后,调用如下函数进行跳转

  const scrollTo = () => {
    console.log(TAG, "BottomView next:", myRef)
    let anchorElement = document.getElementById("anchor")
    if (anchorElement) {
      anchorElement.scrollIntoView({behavior: 'smooth'})

子组件需要加入锚点

版权声明:本文为CSDN博主「weixin_38501752」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接: https://blog.csdn.net/weixin_38501752/article/details/117742556