Heim  >  Fragen und Antworten  >  Hauptteil

javascript - Wie verschiebt man den Bildschirm eines Mobiltelefons, um den Abstand von der Oberkante eines bestimmten Elements zu ermitteln? Kann dieser Wert gleichzeitig von anderen Funktionen referenziert werden?

Wie der Titel schon sagt, möchte ich den Telefonbildschirm verschieben. Wenn ein Element einen bestimmten Wert von oben hat (z. B. 200 Pixel), klicke ich auf die Popup-Schaltfläche auf dem Bildschirm und die Popup-Ebene wird positioniert 200 Pixel von oben

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

Was ich erreichen möchte, ist, dass der Abstandswert erhalten werden kann, aber in der Show-Funktion nicht referenziert werden kann.

PHPzPHPz2735 Tage vor578

Antworte allen(2)Ich werde antworten

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

    }

    Antwort
    0
  • 高洛峰

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

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

    Antwort
    0
  • StornierenAntwort