搜索

首页  >  问答  >  正文

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函数里面就无法引用了,求大神?

PHPzPHPz2776 天前602

全部回复(2)我来回复

  • ringa_lee

    ringa_lee2017-05-18 11:04:18

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

    }

    回复
    0
  • 高洛峰

    高洛峰2017-05-18 11:04:18

    雷雷

    回复
    0
  • 取消回复