反向滚动
我在寻找解决方案时遇到了麻烦。我正在尝试使用JS（或其他库）来制作它，以便当用户在鼠标滚轮上向下滚动时，页面以与通常相反的方式滚动。
基本上，我希望页面的底部首先显示，并且随着用户滚动，我希望屏幕的顶部向下显示。我能够找到的唯一示例是http://conduit.com/的右列。
我已经建立了一个JSFiddle并提供了一个示例来帮助对其进行可视化。我知道这可能与以下内容有关：
window.scrolltop();
但老实说，我不确定实现此目标的最佳方法。
我希望首先看到标有“ 1”的面板，其余的随着用户滚动而落入视图。
任何有关如何做到这一点的想法将不胜感激。
谢谢
问题答案：
这是解决方案
JS
var winHeight = $(window).innerHeight();
$(document).ready(function () {
$(".panel").height(winHeight);
$("body").height(winHeight*$(".panel").length);
});
window.addEventListener('resize', function (event) {
$(".panel").height($(window).innerHeight());
});
$(window).on('scroll',function(){
$(".panelCon").css('bottom',$(window).scrollTop()*-1);
});
HTML
<body>
<div class="panelCon">
<div id="pane-5" class="panel">
<h1>5</h1>
</div>
<div id="pane-4"class="panel">
<h1>4</h1>
</div>
<div id="pane-3"class="panel">
<h1>3</h1>
</div>
<div id="pane-2" class="panel">
<h1>2</h1>
</div>
<div id="pane-1" class="panel">
<h1>1</h1>
</div>
</div>
</body>
CSS
body {
margin: 0;
padding: 0;
}
.panelCon{
position: fixed;
bottom: 0;
left:0;
width: 100%;
}
.panel {
width: 100%;
}
.panel h1 {
width: 100px;
position: relative;
display: block;
margin: 0 auto;
text-align: center;
top: 50%;
}
#pane-1 {
background-color: green;
}
#pane-2 {
background-color: red;
}
#pane-3 {
background-color: white;
}
#pane-4 {
background-color: pink;
}
#pane-5 {
background-color: yellow;
}
-
问题内容： 我正在尝试进行反向无限滚动。我有，我收到了近10篇最近的评论，并希望用户能够滚动评论列表 最多 检索下一个10 -类似FB它显示了最近的评论的“获取前”链接，而是通过滚动事件，而不是链接。 我从http://jsfiddle.net/vojtajina/U7Bz9/开始，尝试将其修改为反向无限滚动，并很快以如下形式结束了： http://jsfiddle.net/digger69/Fw
-
本文向大家介绍vim 向上滚动，包括了vim 向上滚动的使用技巧和注意事项，需要的朋友参考一下 示例 命令 描述 Ctrl+Y 向上滚动一行。 Ctrl+U 向上滚动半个屏幕（可使用该scroll选项配置）。 Ctrl+B 向上滚动全屏。 z^ 在窗口底部的窗口上方绘制第一行。
-
本文向大家介绍vim 向下滚动，包括了vim 向下滚动的使用技巧和注意事项，需要的朋友参考一下 示例 命令 描述 Ctrl+E 向下滚动一行。 Ctrl+D 向下滚动半屏（可使用该scroll选项配置）。 Ctrl+F 向下滚动全屏。 z+ 在窗口顶部的窗口下方绘制第一行。
-
可以水平和垂直两个方向翻页滚动的ScrollView，用的是atpagingview。 [Code4App.com]
-
我想在这里做三件事： 在选定项目或其他内容之前，禁止滚动到下一个屏幕 阻止滚动到上一个屏幕（部分实现） 向用户提供反馈，以显示滚动被禁用，就像Android用渐变显示顶部和底部屏幕的方式一样。
-
问题内容： 我们的应用程序使用无限滚动来浏览大量异构项目列表。有一些皱纹： 对于我们的用户来说，通常有10,000个项目的列表，并且需要滚动3k +。 这些都是丰富的项目，因此在浏览器性能变得无法接受之前，我们只能在DOM中拥有几百个。 这些物品的高度各不相同。 这些项目可能包含图像，我们允许用户跳转到特定日期。这很棘手，因为用户可以跳到列表中需要在视口上方加载图像的位置，这会在加载时将内容下推。