52 lines
966 B
HTML
52 lines
966 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="./css/sm.css">
|
|
<title>Title</title>
|
|
<style>
|
|
.product{
|
|
width: 300px;
|
|
height: 300px;
|
|
background: red;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="product">
|
|
|
|
</div>
|
|
</body>
|
|
|
|
<script src='//cdn.bootcss.com/jquery/3.1.1/jquery.min.js'></script>
|
|
<script src='https://sui.ctolog.com/dist/js/sm.js'></script>
|
|
|
|
<script>
|
|
var timeOutEvent;
|
|
$("body").on({
|
|
touchstart: function(e){
|
|
e.preventDefault();
|
|
},
|
|
touchmove: function(e){
|
|
var pianyi = e.targetTouches[0]
|
|
$(".product").css({
|
|
"left": `${pianyi.pageX}px`,
|
|
"top": `${pianyi.pageY}px`
|
|
})
|
|
|
|
console.log("x :", pianyi.pageX)
|
|
e.preventDefault();
|
|
},
|
|
touchend: function(e){
|
|
$(".product").css({
|
|
"left": `0px`,
|
|
"top": `0px`
|
|
})
|
|
}
|
|
});
|
|
</script>
|
|
</html> |