jquery移动端滑动翻页

随着移动设备的普及，越来越多的网站需要针对移动端进行优化。而移动端常用的滑动翻页效果也成为了很多网站设计的常见选择之一。jQuery库作为前端开发的重要工具之一，也提供了很多方便的方法来实现滑动翻页。

$(document).ready(function(){
  var currentPage = 1;
  var totalPages = $(".page").length;
  var isAnimating = false;

  function navigateUp(){
    if(currentPage > 1 && !isAnimating){
      currentPage--;
      isAnimating = true;
      $("html,body").animate({
        scrollTop: $(".page[data-page='" + currentPage + "']").offset().top
      },1000,function(){
        isAnimating = false;
      });
    }
  }

  function navigateDown(){
    if(currentPage  0 || e.originalEvent.detail 

上面的代码实现了基于鼠标滚轮的滑动翻页功能。通过判断滚轮的方向并调用navigateUp()和navigateDown()函数，可以实现页面的上下滑动效果。通过控制currentPage和totalPages的值以及调用动画函数，可以实现滑动翻页的动态效果。

当然，还有很多其它方法可以用来实现滑动翻页效果，比如swiper插件、使用CSS3的transform和transition属性等等。总的来说，使用jQuery实现移动端滑动翻页是一个相对简单且高效的方法，可以为网站的移动端用户提供更好的体验。