亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關于js模擬移動端上滑問題。

關于js模擬移動端上滑問題。

楊__羊羊 2018-08-02 14:09:22
我做一個移動端上滑頁,現在需要單擊一下也可以滑動到下一頁,請問js點擊一下也可以模擬手機上滑嗎?該怎么寫呢?謝謝!
查看完整描述

1 回答

?
繁花不似錦

TA貢獻1851條經驗 獲得超4個贊

<!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">下一個</p>
    </div>
    <div class="next"  style="background:blue">
        
    </div></div></body>

</html>
直接這樣行 應該就成吧 我剛在手機上測試可以


查看完整回答
反對 回復 2018-09-17
  • 1 回答
  • 0 關注
  • 813 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號