在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ js雙擊屏幕回到頂部?

js雙擊屏幕回到頂部?

想請教一下,一般類似于微信那樣的,雙擊屏幕回到頂部是怎么做的呀?

回答
編輯回答
玄鳥

可以給body寫個雙擊事件,然后scrollTop(0)

2017年11月2日 12:24
編輯回答
薄荷糖

首先回到頂部一般情況都采用懸浮回到頂部的方式,原因是微信頭部的點擊我們監(jiān)聽不到,而內(nèi)容區(qū)域是明感區(qū)域,有可能和我們自定義的一些事件發(fā)生沖突。就問題而言,雙擊屏幕回到頂部,其實關(guān)鍵是移動端雙擊事件:
移動端要支持雙擊事件必然會讓單擊事件有延遲,所以移動端大多使用tap代替click,因為click會有300ms的延遲。。。如果項目用有使用zepto.js,它里面有一個雙擊事件:doubleTap 。

2017年3月19日 17:52
編輯回答
舊螢火
// 原生JS、PC端可以在`body`上添加雙擊事件
document.addEventListener('dblclick', function(){
    window.scrollTo(0, 0);
});
// 移動端雙擊不起作用。
// 可以用單擊事件模擬
var touchTime = Date.now();
function handleClick(){
    if( Date.now() - touchTime < 800 ){
         window.scrollTo(0, 0);
    }else{
        //如果第二次點擊在第一次點擊0.8秒后,
        //則第二次點擊默認(rèn)為下一次雙擊判斷的第一次點擊
        touchTime = Date.now();
    }
}
document.addEventListener('click', handleClick);

參考移動手機端不能觸發(fā)jQuery雙擊事件dblclick解決方法,
雙擊事件dblclick在移動端不起作用?
可以直接用chrome的移動端模擬測試效果。

2018年5月14日 11:16