textarea 手机上不显示滚动条,且不能滚动

找了一个老外重写的可滑动的 textarea:

Ext.define(‘LeslieTest.view.TextArea‘,
{
    extend : ‘Ext.field.TextArea‘,
    xtype : ‘scrollTextArea‘,

    initialize : function() {
        this.callParent();
        this.element.dom.addEventListener(
                Ext.feature.has.Touch ? ‘touchstart‘
                        : ‘mousedown‘,
                this.handleTouchListener = Ext.bind(
                        this.handleTouch, this), false);
        this.element.dom.addEventListener(
                Ext.feature.has.Touch ? ‘touchmove‘
                        : ‘mousemove‘,
                this.handleMoveListener = Ext.bind(
                        this.handleMove, this), false);
        this.moveListenersAttached = true;
    },

    destroy : function() {
        if (this.moveListenersAttached) {
            this.moveListenersAttached = false;
            this.element.dom.removeEventListener(
                    Ext.feature.has.Touch ? ‘touchstart‘
                            : ‘mousedown‘,
                    this.handleTouchListener, false);
            this.element.dom.removeEventListener(
                    Ext.feature.has.Touch ? ‘touchmove‘
                            : ‘mousemove‘,
                    this.handleMoveListener, false);
            this.handleTouchListener = this.handleMoveListener = null;
        }
        this.callParent();
    },

    handleTouch : function(e) {
        this.lastY = e.pageY;
    },

    handleMove : function(e) {
        var textArea = e.target;
        var top = textArea.scrollTop <= 0;
        var bottom = textArea.scrollTop + textArea.clientHeight >= textArea.scrollHeight;
        var up = e.pageY > this.lastY;
        var down = e.pageY < this.lastY;
        this.lastY = e.pageY;

        if ((top && up) || (bottom && down))
            e.preventDefault();

        if (!(top && bottom))
            e.stopPropagation();
    }
});
时间: 2024-10-14 02:20:22

textarea 手机上不显示滚动条,且不能滚动的相关文章

android的开发 华为手机上不显示menu键

android的开发,华为手机上不显示menu键解决办法: 在AndroidManifest.xml中讲targetSdkVersion改为9. <uses-sdk android:minSdkVersion="4" android:targetSdkVersion="9" /> 原因: (2)高版本默认OptionsMenu在ActionBar里,不会有虚拟menu键: (1)华为没有菜单键的硬按钮.

手机背景图片在安卓手机上不显示

遇到一小问题,做好的手机页面在安卓手机上不显示 红框里的图片都不显示: 代码是div里套一个a标签,两个都是背景图片 后来把背景图片的background-size:cover;去掉就显示了,不知道为什么.先记录下来

通知栏Notification在不同手机上显示的问题总结

可以参照http://blog.csdn.net/vipzjyno1/article/details/25248021,这里面关于通知的写的不错,也很全面,我的这篇主要是记录自己在适配上遇到的问题. 通知的统一的创建方式: NotificationCompat.Builder mBuilder = new NotificationCompat.Builder(mContext); 而通知的管理则是使用NotificationManager是用来管理通知的,使用如下:先初始化用到的系统服务,然后调

在iPhone手机上写了input type=&quot;date&quot; 显示不出来的原因

在iPhone手机上写了input type="date" 显示不出来的原因 今天在手机页面上使用新的input类型,这样子写,在chrome浏览器上浏览,很好,显示出来.然后用iOS测试就无法显示. <input type="date"> 遇到这个问题,我的解决思路是:既然在chrome浏览器可以显示,在iOS系统上有问题,那应该是不同设备对这个属性的支持度的问题吧.我就把这个input框的value值也填上,果然,在iOS就能显示调用出日期选择了.

极客编程小挑战#29:实现手机上常见的某一功能的效果显示

本期挑战: 实现手机上常见的某一功能的效果显示.可以是某个按钮的显示效果,页面跳转的显示效果,二级菜单的出现方式等.可以做已有的效果,也可以发挥你的想象,做出你期待的手机功能效果. 提交方式: 录制代码编写过程或最终代码:点击开始 跟帖发布代码预览地址(使用GB按钮可以直接嵌入发帖回复中):演示地址 [强烈提醒]尽量通过添加课程,在本文评论中附上链接的方式提交答案,有特别奖励- [强烈提醒]提交了答案的人,请扫描下图中的二维码,加入微信群,方便工作人员进行信息统计 本期礼品: 感谢美团云提供10

destoon会员公司主页扫描二维码手机上显示空白

会员公司主页扫描二维码手机上显示空白,查看源码扫描的二维码后面多了:88端口号,可以修改page.js中function Dqrcode()的 DTPath+'api/qrcode.png.php?auth='+encodeURIComponent(url) 为 DTPath+'api/qrcode.png.php?auth='+encodeURIComponent(window.location.href) 原文地址:https://www.cnblogs.com/lx0715/p/99467

axure 制作滚动效果(不显示滚动条)

笔者在上一篇文章<axure制作app侧滑菜单>中介绍了淘宝app筛选菜单的制作方法,但筛选菜单中的内容仅仅填充了"一屏"的内容,如果内容比较多,就需要菜单能够上下滚动,且仅仅是菜单部分滚动,其他商品列表部分(背景)无需滚动,本文介绍一下实现方法: 上篇<axure制作app侧滑菜单>博文地址: http://pmdrx.blog.51cto.com/11810835/1911380 要是实现局部滚动,动态面板即可实现,但动态面板的滚动条是不能隐藏的,这个时候我

Android捕捉图像后在SurfaceView上变形显示问题的处理

我们在Android中经常会使用SurfaceView编写自定义的摄像头,可是有的时候会经常会出现图像的变形,我们就会很郁闷的问这到底是为什么呢?其实这个最根本的原因是SurfaceView和PreViewSize的尺寸不是同一个比率. 所谓PreViewSize就是在预览的时候帧数据的尺寸,SurfaceView是用来预览Camera的视图,它的尺寸也就是Screen全屏时候的大小.还有一个重要尺寸的是PictureSize,这个是拍照后图片的尺寸,就是所保存的结果图片的大小. 所以解决刚刚问

MingQQ Android版发布了,可以在Android手机上登录你的QQ,收发消息哦...

最近为了学习Android开发,特意将原来写的MingQQ Windows版移植到了Android上面,以此练手.通过这次练习,学习到了不少Android开发的相关知识,特别是界面开发部分. MingQQ的界面模仿了Android QQ的基本功能,虽然体验性完全比不上QQ,但目前技术有限,只能做到现在这水平了,更好的界面用户体验留待以后再提升吧. 下拉刷新目前使用了第三方开源库Android-PullToRefresh,以后再考虑替换成自己写的下拉刷新组件,并增加消息列表的右滑删除功能. 发布的