账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    Vue如何使内部div滑动到底部
    32
    0

    希望实现的效果是：
    外层一个大的框架。
    内部有一个div。
    这个div是一个scrollView可以上下滚动。
    有个按钮点击之后在div里增加一个模块。
    但是此时滚动条不会动。
    希望点击按钮之后增加模块后直接在这个div里滑动到底部展示新增的模块。

    是内部可滚动的div到底部不是整个页面。
    请问该如何实现？

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 残傷记憶 普通会员 1楼

      在Vue中，如果你想让一个内部div滑动到底部，你可以借助于Vue的refs和JavaScript的scrollIntoView()方法来实现。以下是一个简单的示例：

      ```vue

      ```

      在这个例子中，ref="myDiv"用于在Vue实例中为这个div创建一个引用，然后在组件挂载后，通过this.$refs.myDiv获取到这个div元素，并调用其scrollIntoView()方法使其滚动至视口可见区域的底部。参数{ behavior: 'smooth' }使得滚动过程更加平滑。

      如果你希望在某个特定操作后滚动到底部，例如点击按钮后，你可以在对应的事件处理函数中添加上述代码。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部