Android WebApp无法使用ScrollTo等方法控制滚动条位置

头疼了好久的问题,今天终于在灵机一动的情况下给解决了。

话得从头说起,这个项目是用PHP+Phonegap做的,里面有个聊天的页面,会有很多条聊天记录

所以,有个需求就此诞生:画面初期显示的时候,Scroll要在最下方,因为最下方是最新的聊天记录

可惜,网页上调试好的东西,到Apk包的环境下依赖于Android的默认浏览器版本,4.0.3和4.0.4的版本上都不行。

4.1.1的倒是可以,可是客户那边的平板都是4.0.3的。然后就悲剧了。

网上搜了一圈,有几种方式,要想控制iframe的Scroll,可以用ScrollBy,ScrollTo,还有anchor,ScrollTo和ScrollBy在平板里都不好使,只有anchor还比较稳定。

所以先暂时用anchor实现了。不过对于客户来说,不能升级系统,所以只能又继续调查,在我就要放弃的那一刻,突然看到一个文章讲iscroll4,试了又试,把原来的代码加上ui和li之后,竟然好使了~~~~~~热泪盈眶。

供后续同学参考,这个东西还是挺好用的

http://cubiq.org/iscroll-4

 

补充下,我调查了下面这些方向

1.iframe的滚动条控制

2.div的滚动条控制(有人说,可以先把overflow改成hidden,然后设置scrolltop,再将overflow改成auto也行,但我试了试,不行。。)

3.phonegap调用chrome浏览器(原因在于android的原生浏览器实在太垃圾了,好多现象都跟chrome的不一样,可是查了半天大家都说这样弄出来的app的包会好大,而且phonegap貌似要支持了或者已经支持了??,虽然我最终放弃了这个方法,但这个能支持的话还是很好的,期待中)

4.最后找到了这个东西,第三方插件,救我于水火之中,而且功能强大

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值