本文主要是介绍SUI的无限下拉和分页效果的实现，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
本项目是基于template.js模板和SUI.js框架实现的，无限下拉在SUI框架里面也会有模拟，不过仅仅只是模拟，实际运用的话每次下拉的数据都是同一页的，要实现分页的效果就需要对其进行改造了。话不多说，直接上代码：
html代码：
<!DOCTYPE html>-
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>兔兔团</title><meta name="viewport" content="initial-scale=1, maximum-scale=1"><link rel="shortcut icon" href="/favicon.ico"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css"><link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css"><link rel="stylesheet" href="../../css-sui/base.css"><link rel="stylesheet" href="../../css-sui/shop/product-list.css">
</head>
<body>
<div class="page-group"><div class="page page-current"><header class="bar bar-nav headerBar"><a class="button button-link button这篇关于SUI的无限下拉和分页效果的实现的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
