javascript - 怎麼實現手機端滑動螢幕獲得某一個元素距離頂部的距離？同時這個值能被其他函數引用呢？

Question

如題，我想要實現的是滑動手機螢幕，當某一個元素距離頂部某個值（例如200px）時，點擊螢幕上的彈出按鈕，彈出層的位置距離頂部200px

$(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("隐藏")、、处理
}

想要實現的是這個效果，distance的值可以獲得，但是在show函數裡面就無法引用了，求大神？

Answer 1

找到解如下：
$(document).ready(function(){

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

//定義函數
function test(){

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

}
//執行函數
function show_taboo(){

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

}

Answer 2

雷雷