移动端的一个js效果：手滑动向上向下滚动li标签 30
样式如上图ul内的li标签我需要用jquery或者js实现手滑动向上或者向下显示更多学校求大神帮忙在线等求源码...
样式如上图 ul内的li标签 我需要用jquery或者js实现手滑动向上或者向下显示更多学校 求大神帮忙 在线等 求源码
展开
展开全部
试试以下代码：
<!DOCTYPE html>
<html>
<head>
<mata charset="utf-8"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script>
$(document).on("pageinit","#pageone",function(){
$(document).on("scrollstop",function(){
alert("停止滚动！");
});
});
</script>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header">
<h1>scrollstop 事件</h1>
</div>
<div data-role="content">
<p><b>提示：</b>如果未出现滚动条，请尝试调整窗口尺寸。</p>
<ul data-inset="true">
<li data-role="list-divider">信息列表</li>
<li data-role="fieldcontain">大学1</li>
<li data-role="fieldcontain">大学大学2</li>
<li data-role="fieldcontain">大学大学3</li>
<li data-role="fieldcontain">大学大学4</li>
<li data-role="fieldcontain">信息大学5</li>
<li data-role="fieldcontain">大学6</li>
<li data-role="fieldcontain">大学信息7</li>
<li data-role="fieldcontain">信息大学8</li>
<li data-role="fieldcontain">信息大学大学9</li>
<li data-role="fieldcontain">信息大学10</li>
<li data-role="fieldcontain">信息大学11</li>
<li data-role="fieldcontain">信息大学12</li>
<li data-role="fieldcontain">信息大学11</li>
<li data-role="fieldcontain">信息大学12</li>
<li data-role="fieldcontain">信息大学11</li>
<li data-role="fieldcontain">信息大学12</li>
<li data-role="fieldcontain">信息大学11</li>
<li data-role="fieldcontain">信息大学12</li>
<li data-role="fieldcontain">信息大学11</li>
<li data-role="fieldcontain">信息大学12</li>
<li data-role="fieldcontain">信息大学11</li>
<li data-role="fieldcontain">信息大学12</li>
</ul>
</div>
<div data-role="footer">
<h1>页脚文本</h1>
</div>
</div>
</body>
</html>
追问
好像不行啊 出来的是乱码啊
追答
乱码是编码的问题，你设置一下网页的编码
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
