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

来源:互联网 发布:淘宝购物分享在哪里 编辑:程序博客网 时间:2024/06/05 15:07

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

话得从头说起,这个项目是用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.最后找到了这个东西,第三方插件,救我于水火之中,而且功能强大

原创粉丝点击