【发布时间】：2015-12-09 13:35:53
【问题描述】：
只是想知道是否可以无限期地从上到上滚动页面？ 不是用#a 直接回到顶部，而是在到达底部后显示顶部下方，这也意味着您可以通过向上滚动看到顶部上方的底部。一个 3d 圆柱页面？ 可悲的是，我发现的只是博客风格的无限上下滚动。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>infinitescroll</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<style>
body {
background: #000;
margin:0;
text-align: center;
overflow-x:hidden;
}
#frame {
width: 100%;
height: 100%;
}
.strip div {
position: relative;
text-align:center;
height: 200px;
}
.strip #div01 {
background-color:#942192;
}
.strip #div02 {
background-color:#5228cc;
}
.strip #div03 {
background-color:#0433ff;
}
.strip #div04 {
background-color:#009292;
}
.strip #div05 {
background-color:#00f900;
}
.strip #div06 {
background-color:#cafa00;
}
.strip #div07 {
background-color:#fffb00;
}
.strip #div08 {
background-color:#ffc700;
}
.strip #div09 {
background-color:#ff9300;
}
.strip #div10 {
background-color:#ff5100;
}
.strip #div11 {
background-color:#ff2600;
}
.strip #div12 {
background-color:#d82253;
}
</style>
</head>
<body >
<div id="container">
<div class="strip">
<div id="div01"><br/>↓ ↑</div>
<div id="div02"><br/>↓ ↑</div>
<div id="div03"><br/>↓ ↑</div>
<div id="div04"><br/>↓ ↑</div>
<div id="div05"><br/>↓ ↑</div>
<div id="div06"><br/>↓ ↑</div>
<div id="div07"><br/>↓ ↑</div>
<div id="div08"><br/>↓ ↑</div>
<div id="div09"><br/>↓ ↑</div>
<div id="div10"><br/>↓ ↑</div>
<div id="div11"><br/>↓ ↑</div>
<div id="div12"><br/>↓ ↑</div>
</div>
</div>
</div>
<script>
$('document').ready(function() {
$(document).scroll(function(){
if (document.documentElement.clientHeight + $(window).scrollTop() >= $(document).height()) {
$(document).scrollTop(0);
}
});
});
</script>
</body>
</html>【问题讨论】：
-
您可以在给定符号链接的情况下对所有元素进行对称布局，这样您就不必提供对单个实例的 2 个引用。其次，为了清楚起见，省略页脚。
-
@Ankit，我什至不知道从哪里开始寻找，但我提供了第一次尝试。还没有js。 @Sachin Kanungo，感谢您的意见，但您能否提供更多有关如何完成“对称布局+符号链接”的信息？
-
看看clankill3r对这个问题的回答：stackoverflow.com/questions/16993693/…
-
谢谢，从下到上工作。我尝试在脚本中添加： else if ($(window).scrollTop()
标签： javascript html css scroll infinite