JS 仿天猫、淘宝商品详情页上拉查看详情,有知道的吗?

2025-03-29 01:58:00
推荐回答(2个)
回答1:

其实就是一个点击改变div盒子的高度,如果js运动写的话,会更好看,有上拉下拉的效果!

回答2:

//滑动处理
var startX, startY;

document.addEventListener('touchstart',function (ev) {
startX = ev.touches[0].pageX;
startY = ev.touches[0].pageY;
}, false);

document.addEventListener('touchend',function (ev) {
var endX, endY;
endX = ev.changedTouches[0].pageX;
endY = ev.changedTouches[0].pageY;
var direction = GetSlideDirection(startX, startY, endX, endY);
switch(direction) {
case 0:
alert("无操作");
break;
case 1:
// 向上

break;
case 2:
// 向下
alert("down");
break;

default:
}
}, false);
function GetSlideDirection(startX, startY, endX, endY) {
var dy = startY - endY;
//var dx = endX - startX;
var result = 0;
if(dy>0) {//向上滑动
result=1;
}else if(dy<0){//向下滑动
result=2;
}
else
{
result=0;
}
return result;
}