1***@qq.com
1***@qq.com
  • 发布:2019-07-30 16:05
  • 更新:2021-11-24 19:04
  • 阅读:3265

uni-app 页面打开后在底部

分类:uni-app

类似下图,页面打开默认在底部,是由下往上进行的

2019-07-30 16:05 负责人:无 分享
已邀请:
小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

不过可以用 pageScrollTo 来实现. scrollTop 参数给一个很大的数就可以了.

要加点延迟, 不然有可能不生效.

复制代码setTimeout(() => {  
   uni.pageScrollTo({scrollTop: 99999, duration: 0});  
}, 50);  

如果需要获取高度

复制代码//获取高低  
getHeight(){  
    const query = uni.createSelectorQuery().in(this);  
    query.select('.content').boundingClientRect(data => {  
        console.log(data.height);  
        this.shwoHeight = data.height;  
        this.moveto(data.height,500)  
    }).exec();    
},  
//移动位置  
moveto(position,speed){  
    uni.pageScrollTo({  
        scrollTop: position,  
        duration: speed  
    });  
},  

其他参考链接 https://uniapp.dcloud.io/api/ui/nodes-info?id=selectorquery

1***@qq.com

1***@qq.com - nice

这个问题你解决了吗?我现在也有一样的问题 ? 我这现在是进入页面滚动到最底部,这样太难看了。

4***@qq.com

4***@qq.com

请问这个问题有解决方案吗

gotogether

gotogether

同样的问题

c***@163.com

c***@163.com

解决了吗,同样的问题

雄风

雄风

同问,要做聊天室页面,vue页面没有预渲染,求一个解决方案

c***@163.com

c***@163.com

谁有好的解决方案吗

5***@qq.com

5***@qq.com - .

各位都解决了吗,我也遇到这问题了

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容