本文主要包含html5 下拉菜单,html5下拉刷新,html5下拉加载更多,html5下拉列表,html5下拉选择等相关知识,教程希望在学习及工作中可以帮助到您
");
</div>
上一个版本比较简陋,可以避免了window.innerHeight < document.body.clientHeight 的情况,but再去判断该高度并选择是否使用本功能是很不友好的事情,因此就将列表下拉的功能也放进来了,并且添加了双击头部或单击头部标题,返回到最顶部的功能。
var huitan = (function() {
var ht = {};
ht.init = function(dom) {
if (!support_touch_event()) return;
var startX, startY, endX, endY, cou,
a = window.innerHeight,
b = document.body.clientHeight,
c = b - a,
d,
f = 0,
isUp = false,
isdownAfterUp = false,
container = dom || document.querySelector(".mui-content");
container.addEventListener('touchstart', function(e) {
e.preventDefault(); //阻止触摸时浏览器的缩放、滚动条滚动等
var touch = e.touches[0]; //获取第一个触点
var x = touch.pageX; //页面触点X坐标
var y = touch.pageY; //页面触点Y坐