起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 3298|回复: 7

[处理中3] 如何将聊天窗口的滚动条定位到底部

[复制链接]

28

主题

69

帖子

137

积分

初级会员

Rank: 2

积分
137
QQ
发表于 2017-7-26 16:31:37 | 显示全部楼层 |阅读模式
我用一个list循环显示data组件中的数据,我想在页面初期显示的时候直接将滚动条的位置定位到底部,看起来的样子就跟微信或者qq聊天的感觉一样,具体怎么设置啊亲,求教
发表于 2017-7-26 16:39:30 | 显示全部楼层
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

28

主题

69

帖子

137

积分

初级会员

Rank: 2

积分
137
QQ
 楼主| 发表于 2017-7-26 17:04:54 | 显示全部楼层
liangyongfei 发表于 2017-7-26 16:39
http://docs.wex5.com/wex5-ui-question-list-2008/

亲,好像不行呢,我现在需要的就是没有滚动条的那种
这种情况下,<a>标签是需要有个点击事件才能触发它调用相应的href吧,可是我是需要在页面初始加载的时候就显示到页面最下面,这似乎不能实现吧,还有别的好办法吗
回复 支持 反对

使用道具 举报

发表于 2017-7-26 17:35:33 | 显示全部楼层
aoke123 发表于 2017-7-26 17:04
亲,好像不行呢,我现在需要的就是没有滚动条的那种
这种情况下,标签是需要有个点击事件才能触发它调用 ...

scrollView 在手机上也没滚动条吧!  你不适用scrollView组件吗??

js代码也可以定位到id的位置的吧!
onLoad 事件中  直接window.location.href="#id"   (如果时间太早,可以settimeout延时执行!)
和 a 标签的效果应该一样的吧!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

28

主题

69

帖子

137

积分

初级会员

Rank: 2

积分
137
QQ
 楼主| 发表于 2017-7-28 11:13:21 | 显示全部楼层
liangyongfei 发表于 2017-7-26 17:35
scrollView 在手机上也没滚动条吧!  你不适用scrollView组件吗??

js代码也可以定位到id的位置的吧!

scrollView 我准备等以后数据很多的时候再追加,现在数据很少,我想先不用scrollView 。
我试了一下,不大行呢。
onLoad事件我加了,根本没触发呢,我是加的list(UL)的onLoad事件,不知道是不是加错了呀。
因为没触发,所以我就在Data组件的CustomRefresh事件里加的window.location.href="#id",
但是只是滑动了一小部分,并没有滑到底,不知道为什么,您给看看吧
数据是用list(UL)进行循环绑定的。。。。
捕获.PNG
回复 支持 反对

使用道具 举报

发表于 2017-7-28 11:33:19 | 显示全部楼层
aoke123 发表于 2017-7-28 11:13
scrollView 我准备等以后数据很多的时候再追加,现在数据很少,我想先不用scrollView 。
我试了一下,不 ...

我的意思是model 组件的onLoad 事件中!

滑动了一小部分,可能是list没有渲染完导致的!
可以等list渲染完毕后再执行
http://docs.wex5.com/wex5-ui-question-list-2171
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

28

主题

69

帖子

137

积分

初级会员

Rank: 2

积分
137
QQ
 楼主| 发表于 2017-7-28 13:52:39 | 显示全部楼层
liangyongfei 发表于 2017-7-28 11:33
我的意思是model 组件的onLoad 事件中!

滑动了一小部分,可能是list没有渲染完导致的!

还是不行呢,无论是在model组件的onload事件里还是在list组件的渲染事件里都是只滑一小部分呢。
而且用href跳转这个方法时,当页面返回按钮是通过window.history.go(-1)实现的时候,需要按两下才能返回到上级页面,是有什么地方遗漏了吗亲,你再帮忙指点一下,我顺便再研究一下scrollView
回复 支持 反对

使用道具 举报

发表于 2017-7-28 14:16:12 | 显示全部楼层
aoke123 发表于 2017-7-28 13:52
还是不行呢,无论是在model组件的onload事件里还是在list组件的渲染事件里都是只滑一小部分呢。
而且用hr ...

这样,你先放一个按钮!,在按钮的点击事件中,执行window.location.href="#id"  是否正常??
如果正常!说明代码没问题!应该还是list没渲染完导致的!你可以使用settimeout 延时执行 window.location.href="#id"
再试试!

你可以在浏览器中测试下!URL是发生变化的!URL 改变了,路由自然就变了,确实需要两次才返回
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-10 07:01 , Processed in 0.053180 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表