解决iScroll横向滚动区域无法拉动页面的问题

近期项目中使用iScroll遇到一个问题,在设定wrapper为横向滚动时,如果你手指放在该区域,将无法拉动页面,也就是说该区域取消了默认事件。这个体验是实在是无法接受,特别是页面中有多个横向滚动区域时,很容易触碰到这种区域,这时用户将觉得页面很卡。 Google搜了一下,看来很多人都为这个问题而烦恼。有高人给出了解决方案,在这里可以找到。 代码如下: myScroll = new iScroll(‘scrollpanel’, { // other options go here… vScroll: false, onBeforeScrollStart: function ( e ) { if ( this.absDistX > (this.absDistY + 5 ) ) { // user is scrolling the x axis, so prevent the browsers’ native scrolling e.preventDefault(); } } }); 重写onBeforeScrollStart事件,判断touch的滑动距离,只在横向滑动距离大于竖向滑动距离时(也就是左右滑动时)才取消默认事件,这样就不影响页面滚动了。看iScroll源码,onBeforeScrollStart: function (e) { e.preventDefault(); }, 它默认是直接取消默认事件。 [...]

Chrome for Android远程调试

最近在做web mobile app实验性项目,在Android下面用chrome进行测试。 Chrome现在已经在Android、IOS下面都发布了正式版,Android需要4.0以上版本。在Android下面的chrome中包含远程调试功能,给了移动页面开发者很大的方便。 如何开启远程调试功能?