javascript - 怎么实现手机端滑动屏幕获得某一个元素距离顶部的距离？同时这个值能被其他函数引用呢？

问题描述

问 题

如题，我想要实现的是滑动手机屏幕，当某一个元素距离顶部某个值（例如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函数里面就无法引用了，求大神？

解决方案

找到解决方法如下：
$(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("隐藏") //处理
}

}

这篇关于javascript - 怎么实现手机端滑动屏幕获得某一个元素距离顶部的距离？同时这个值能被其他函数引用呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！