您的位置：首页 > 移动开发 > IOS开发

ios滚动条流畅-webkit-overflow-scrolling : touch;

2018-03-13 17:07 281 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no;"/>
<title>Title</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<div class="box"></div>
<button type="button" id="submit">提交</button>
<div style="height: 300px; overflow: scroll; -webkit-overflow-scrolling : touch;">
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
<p>滑动</p>
</div>
<script>
$(function () {
$("#submit").click(function () {
if ($(".box").html() ==""){
$.ajax({
type: "GET",
url: "http://jsonplaceholder.typicode.com/posts",
dataType: "json",
success: function(data){
$.each(data,function (index,values) {
console.log(values.title)
console.log(values.userId)
var content = '<ul><li><span  style="border: 1px solid #f0f">'+values.userId+'</span><span  style="border: 1px solid #6cff1a">'+values.title+'</span></li></ul>'
$(".box").append(content);
})
}
})
}else{
alert("2")
}
})
})
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航