html5-这种上下拉的如何实现呢?

问题描述

这种上下拉的如何实现呢?

可以上下拉动查看

解决方案

就是listview+滚动条
jquery ui mobile等都可以实现,也可以自己给div加上滚动

解决方案二:

说白了,无非也就是另一种分页。在listview到底,还要继续查看的时候,启动对下一分页的查询和展示

解决方案三:

就是一个分页显示而已
jquery搞定

时间: 2024-11-03 10:01:34

html5-这种上下拉的如何实现呢?的相关文章

html5上拉下拉事件效果演示

一,下拉事件 <!-- HTML5 --> <!DOCTYPE html> <html>     <head>         <title>html5下拉事件简单实例</title>         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   <meta name="

HTML5调查:做的好,收入不比iOS差

根据著名移动生态系统分析公司VisionMobile,最新发布的Developer Economics报告.开发者对iOS和Android的青睐度(心理份额)总体均呈现下降趋势,而HTML5相比一年前上升了两个百分点达到了52%. HTML5平台:在前进的路上 尽管将Android视为目标平台的开发者人数有着显著地增加,但是当提到首要平台时,大多开发者的选择依旧是iOS.相比移动平台届的两位老大哥,HTML5虽还没有达到和他们一样的成就,不过也有着不错的发展. 在美国和欧洲市场,iOS和Andr

全球开发者:iOS、Android、WP哪个最赚钱?

近日,著名移动生态系统分析公司VisionMobile发布了2014年第一季度Developer Economics报告.本次报告集结了来自全球127个国家超过7000名开发者,为迄今为止史上最大规模的移动开发者调查.相比以往,尽管Android占据全球80%的市场份额,将Android作为目标平台的开发者数量也有着显著增加,但大多数开发者仍然将iOS作为首选平台,其忠诚度绝非Android可以比拟.在收入方面,极为让人意外的是,最热门的移动应用盈利模式,不是付费下载,也不是免费增值及广告,而是

js+html5+css3实现的滑动下拉刷新效果实例

今天想说的是如何自己操刀做一个js的下拉刷新(js + h5 + css3).既然是下拉,那么应用场景当然就是在手持设备上.在JavaScript的世界里,总是跟很多实用又华丽丽的效果接轨,这是一门很有色彩的编程语言.目前网络上也有很多非常优秀的js滑动插件,比如iscroll(最开始我们就是用这款插件,真心很好用,而且解决了很多html的问题).当然,我要讲的完全没办法和iscroll媲美,仅仅是简简单单的一角而已,主要目的在于对这点小知识的总结和分享. 之前也有讲过,移动设备上对CSS3和H

基于HTML5上使用iScroll实现下拉刷新,上拉加载更多_javascript技巧

前言 前一段有个手机端的项目需要用到下拉刷新和上拉加载更多的效果,脑海里第一反映就是微博那种效果,刚开始的理解有些偏差,以为下拉也是追加数据,上拉也是追加数据,后请教同事后发现其实下拉只是刷新最新数据而已,上拉是追加数据. 使用技巧 1.引用iScroll.js, 在初始化时添加两个事件监听:touchMove.DOMContentLoaded. 2.实现iScroll插件的onScrollEnd事件, 也就是在这个事件里调用你自己的ajax方法实现数据的刷新和追加. 3.上拉加载更多请求后台时

Html5 list生成文本框下拉提示例子

  在之前,想要实现这样的功能,需要自己写下拉框的样式和一系列的 JS 代码,包括快捷键选择.选择后填充到文本框以及高亮筛选之类的. 基础属性 现在,只需要一个 Html5 属性 list 即可.list 属性需要应用到 input 框上,然后内容写一个自定义的 id 然后在任意位置放一对 datalist 标签,并给 datalist 框一个 id,和 list 属性指向的 id 一致. 在 datalist 标签下放列表项,每个列表项用 option 元标签来表示,option 标签里用 v

《HTML5 开发实例大全》——1.7 实现下拉弹出效果

1.7 实现下拉弹出效果 实例说明 在本实例中,首先在页面中显示一行提问文本"需要在线咨询吗?".当单击左侧的小三角符号后,将在下方无刷新弹出一个下拉区域,在里面显示文本"非常"需要.上述描述效果在很多动态网站中比较常见,原来一般都是用JavaScript技术或Ajax技术实现的.但现在只需使用HTML 5中的< details >标记元素即可实现完全同样的功能. 具体实现 使用Dreamweaver创建一个名为"007.html"的

Html5下拉控件同时支持文本输入和下拉代码

有时候,下拉框不能满足我们的业务需求,还需要同时支持用户输入内容,默认的select标签是不支持用户输入的,下面我说一下原生的select如何支持用户输入,代码如下: <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div style="position:relative;"> <span style=&quo

HTML5和CSS3表单:HtmlCss教程

在文中汇总几个HTML5和CSS3资源教程网站,为Web诱导人员提供了细致参考指南.htmlcss.以下是文章摘要: 本教程演示如何利用HTML5建立既时髦又好用的邮箱注册表单.领导民众一步一步建立占位符文本.表单域.邮箱+网络+手机.日程采用器等功用.你知道jQuery.有大局限的表单为了加强功用却低沉输出框的程序.你看jQuery.固然在旧版本的观赏器中并不完好支柱HTML5特性,HTML5.但在教程中会演示如何治理和精确增加新功用.css3. 此教程属于中等难度,JavaScript.演示

iPhone5和iOS6上HTML5开发的新增功能

开发移动应用到底是选择Native.Web应用或者混合应用?答案是不同的移动应用需要不同的技术,选择合适的就行.其实大多数移动应用,不管是企业移动应用还是互联网移动应用,90%都可以使用基于HTML5的Web技术就足够.在Android 4.0和iOS 6以上浏览器已经是最快的应用了,比任何本地的微博.微信都快,无须更新升级,无须上传分裂的APP市场,无须突然被苹果下架应用.再看看最近发布 Firefox OS 开发手机的配置也大概知道,运行大多数应用不需要那么高配置. 目前主流的智能终端中,i