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

QQ登录

只需一步,快速开始

查看: 1709|回复: 3

[用户待确认] 怎样用 js 代码实现小程序 scrollview 的滚动?

[复制链接]

265

主题

614

帖子

1171

积分

金牌会员

Rank: 6Rank: 6

积分
1171
QQ
发表于 2019-11-17 20:24:47 | 显示全部楼层 |阅读模式
我想在小程序中实现  IM 功能。把  IM 的信息添加到数据集中,设置滚动列表绑定数据集来呈现内容。
页面结构如下:
a1.png

页面效果如下:
b2.png

希望达到的效果是:有新的内容过来的时候,自动让滚动条滑动,把新内容呈现在用户面前。旧内容自动滑走。

请问如何用 js 来实现 scrollview 的向下滑动?

88

主题

9507

帖子

5135

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5135
QQ
发表于 2019-11-18 13:25:01 | 显示全部楼层
通过设置滚动视图组件的动态竖滚动条位置属性实现,可以参考“文档”中的《全栈开发教材》实训项目二自助点餐
远程的联系方法 QQ 728094812。添加好友时,需要填写论坛账号
发远程时同时也发一下帖子的地址,方便了解要解决的问题

如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

265

主题

614

帖子

1171

积分

金牌会员

Rank: 6Rank: 6

积分
1171
QQ
 楼主| 发表于 2019-11-18 15:10:30 | 显示全部楼层
好的,我来学习一下。有范例,总有办法,谢谢老师的指导!
回复 支持 反对

使用道具 举报

265

主题

614

帖子

1171

积分

金牌会员

Rank: 6Rank: 6

积分
1171
QQ
 楼主| 发表于 2019-11-18 17:45:51 | 显示全部楼层
  1. onScrollView1Scrolling(event/*{{{*/=this._e.scrollView_scrolling/*}}}*/){
  2.         debugger ;
  3.         var ldb = this.comp("DataName") ;
  4.         ldb.to("C8AE65CA86A00001503A204D42564570") ;
  5.         var scrollTop = event.originalEvent.detail.scrollTop;
  6.         alert(scrollTop) ;
  7.         this.scrollViewHeight = 50 ;
  8.         }

  9.     onScrollView1Tolower(event/*{{{*/=this._e.scrollView_tolower/*}}}*/){
  10.         debugger ;
  11.         var ldb = this.comp("DataName") ;
  12.         ldb.to("C8AE65CA86A00001503A204D42564570") ;
  13.         var scrollTop = event.originalEvent.detail.scrollTop;
  14.         alert(scrollTop) ;
  15.         this.scrollViewHeight = 50 ;
  16.         }
复制代码
老师好,是不是滚动事件,不允许 debugger 、alert 这样的命令?
我怎么根据不到断点 、  也得到不 alert 提示?
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-3-29 16:43 , Processed in 0.059288 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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