亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

觸摸滑動(dòng)簡(jiǎn)單版

raoyi / 2514人閱讀

var a;
var aa;
var yy;
var yyy;
document.querySelector("article").style.transform= "translate(0px, 0px)";
document.querySelector("article").addEventListener("touchstart",function(event){
    //console.log(event.changedTouches[0]);
    a=event.changedTouches[0].pageY;
    var r=/d+/g;
    aa=document.querySelector("article").style.transform.match(r);
    //console.log(aa);
},false);
document.querySelector("article").addEventListener("touchmove",function(event){
    //debugger
    yy = (event.changedTouches[0].pageY)-a;
    yyy=parseFloat(yy)+parseFloat(aa[1]);
    //console.log(yyy);
    document.querySelector("article").style.transform= "translate(0px, "+yyy+"px)";
},false);
document.body.addEventListener("touchmove",function  (event) {
    event.preventDefault();
},false);

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/87639.html

相關(guān)文章

  • 阻止微信瀏覽器下拉滑動(dòng)效果(ios11.3 橡皮筋效果)

    摘要:一前言瀏覽器在移動(dòng)端有一個(gè)默認(rèn)觸摸滾動(dòng)的效果,讓我們感觸最深的莫過(guò)于微信瀏覽器里面,下拉時(shí)自帶橡皮筋的效果。二解釋微信在端和端使用的不是同樣的瀏覽器內(nèi)核版微信瀏覽器瀏覽器內(nèi)核相當(dāng)于使用的版微信瀏覽器相當(dāng)于使用的所以下面分別使用和來(lái)分析。 在升級(jí)到 ios11.3 系統(tǒng)后,發(fā)現(xiàn)之前阻止頁(yè)面滾動(dòng)的代碼e.preventDefault代碼失效了。于是自己折騰了一番,找到了解決辦法,分享給大家...

    cangck_X 評(píng)論0 收藏0
  • 2018年騰訊前端一面總結(jié)(面向2019屆學(xué)生)

    摘要:前言騰訊一面,相比阿里一面來(lái)說(shuō),騰訊一面先給打電話預(yù)定時(shí)間,這也給了我們這些面試者去準(zhǔn)備的時(shí)間。其實(shí)閉包也就是指有權(quán)訪問(wèn)另一個(gè)函數(shù)作用域的函數(shù)而已。常用的創(chuàng)建閉包的方法就是在函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù)。 前言 騰訊一面,相比阿里一面來(lái)說(shuō),騰訊一面先給打電話預(yù)定時(shí)間,這也給了我們這些面試者去準(zhǔn)備的時(shí)間。但是也正是因?yàn)檫@種確定性,也有在等待電話的時(shí)候的心情的忐忑。 背景 我是一名大三學(xué)生,大一...

    Kosmos 評(píng)論0 收藏0
  • 超級(jí)小的web手勢(shì)庫(kù)AlloyFinger發(fā)布

    摘要:擁有兩個(gè)版本,無(wú)依賴的獨(dú)立版和版本。除了對(duì)象,也可監(jiān)聽內(nèi)元素的手勢(shì)需要引擎內(nèi)置對(duì)象支持綁定相關(guān)事件。據(jù)不完全統(tǒng)計(jì),目前服務(wù)于興趣部落群動(dòng)漫騰訊學(xué)院騰訊等多個(gè)部門團(tuán)隊(duì)和項(xiàng)目。也可以在事件回調(diào)里根據(jù)攜帶的信息使用去操作。 簡(jiǎn)介 針對(duì)多點(diǎn)觸控設(shè)備編程的Web手勢(shì)組件,快速幫助你的web程序增加手勢(shì)支持,也不用再擔(dān)心click 300ms的延遲了。擁有兩個(gè)版本,無(wú)依賴的獨(dú)立版和react版本。...

    ymyang 評(píng)論0 收藏0
  • 原生 js 實(shí)現(xiàn)移動(dòng)端 Touch 滑動(dòng)反彈

    摘要:移動(dòng)端滑動(dòng)反彈什么是滑動(dòng)就是類似于端的滾動(dòng)事件,但是在移動(dòng)端是沒(méi)有滾動(dòng)事件的,所以就要用到事件結(jié)合去實(shí)現(xiàn),效果如下準(zhǔn)備工作什么是移動(dòng)端的事件在移動(dòng)端事件可以細(xì)分成三種,分別是和,并且事件必須要用去監(jiān)聽。 showImg(https://segmentfault.com/img/remote/1460000017852500?w=1920&h=1080); 移動(dòng)端 Touch 滑動(dòng)反彈 ...

    xiongzenghui 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<