程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> C# >> C#入門知識 >> 手機APP上下滾動翻頁效果,app上下滾動翻頁

手機APP上下滾動翻頁效果,app上下滾動翻頁

編輯:C#入門知識

手機APP上下滾動翻頁效果,app上下滾動翻頁


        //頁面初期加載時
        $(document).ready(function () {

            //加載第一頁
            LoadList();

            //滾動換頁
            $(window).scroll(function () {
                //向上翻頁判定
                if ($(document).scrollTop() <= $(window).height()) {
                    console.log("滾動條已經到達頂部為" + $(document).scrollTop());
                    return;
                }

                //向下翻頁判定
                if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
                    console.log("滾動條已經到達底部為" + $(document).scrollTop());
                    return;
                }

                LoadList();
                pageIndex++;
            });

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved