javascript - Comment faire glisser l'écran d'un téléphone mobile pour obtenir la distance depuis le haut d'un élément donné? En parallèle, cette valeur peut-elle être référencée par d'autres fonctions ?

Question

Comme le titre l'indique, ce que je veux réaliser, c'est faire glisser l'écran du téléphone lorsqu'un élément a une certaine valeur depuis le haut (par exemple, 200 px), cliquez sur le bouton contextuel sur l'écran et le calque contextuel sera positionné. 200px du haut

$(document).ready(function(){
    $('.content_box').bind('touchstart', function(e) {
        var a =$(".article_box").offset().top;
        distance = a;
        console.log(distance);
    });
});
//执行函数
function show_taboo(){
    if(distance>200){
        alert("出现了")//做处理
    }else{
        alert("隐藏")、、处理
}

Ce que je veux obtenir, c'est cet effet. La valeur de la distance peut être obtenue, mais elle ne peut pas être référencée dans la fonction show. Veuillez m'aider ?

Answer 1

La solution trouvée est la suivante :
$(document).ready(function(){

         $('.content_box').bind('touchstart', test());
 });

//Définir la fonction
function test(){

 return $(".content_box").offset().top;      

}
//Exécuter la fonction
function show_taboo(){

distance = test();//获得监听事件的值
if(distance>200){
    alert("出现了")//做处理
}else{
    alert("隐藏") //处理
}

}

Answer 2

$(document).ready(function(){
                    $('.content_box').bind('touchstart', function(e) {
                    var a = $(".content_box").offset().top;
                    distance = a;
                    console.log(distance)
                    return show_taboo(distance)
                    });
            });
            //执行函数
            function show_taboo(distance){
                if(distance>200){
                    alert("出现了")//做处理
                }else{
                    alert("隐藏") //处理
                }
            }