首頁猿問關(guān)于js模擬移動(dòng)端上滑問題。

關(guān)于js模擬移動(dòng)端上滑問題。

JavaScript

楊__羊羊 2018-08-02 14:09:22

我做一個(gè)移動(dòng)端上滑頁，現(xiàn)在需要單擊一下也可以滑動(dòng)到下一頁，請(qǐng)問js點(diǎn)擊一下也可以模擬手機(jī)上滑嗎？該怎么寫呢？謝謝！

查看完整描述

1 回答

繁花不似錦

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超4個(gè)贊

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <script src="js/jquery-1.11.3.js"></script>
    <title></title>
    <style>
    *{margin:0px;padding:0px;}    body{overflow:hidden;}    </style>
    <script>
    $(function(){        var h=$(window).height();
        $(".main").css("height",2*h+"px");
        $(".prev").css("height",h+"px");
        $(".next").css("height",h+"px");
        $("#next").click(function(){
            $(".main").animate({"margin-top":-h+"px"},1000);
        });
    });    </script></head><body><div class="main">    
    <div class="prev" style="background:red">
        <p id="next">下一個(gè)</p>
    </div>
    <div class="next"  style="background:blue">
        
    </div></div></body>

</html>
直接這樣行應(yīng)該就成吧我剛在手機(jī)上測(cè)試可以

反對(duì) 回復(fù) 2018-09-17