Jquery 如何更改滚动方向

Jquery 如何更改滚动方向,jquery,html,css,Jquery,Html,Css,我喜欢改变特定列的反向滚动方向。我试着搜索谷歌,但没有找到任何解决办法。举个例子,拿这个 jFiddle: 有三列, 左,中,右。每列高度为5000px。中柱的负边距为4500px。现在,当用户滚动时,应该像往常一样向左和向右滚动,但中心应该从下到上滚动。希望你收到了 示例站点: 您必须为中柱添加一个容器,将其溢出设置为隐藏,将高度设置为窗口高度,然后使用$window.scroll事件将$document.height-$window.scrollTop附加到中柱-这应该对您有用 编辑:以下是

我喜欢改变特定列的反向滚动方向。我试着搜索谷歌,但没有找到任何解决办法。举个例子,拿这个

jFiddle:

有三列,

左,中,右。每列高度为5000px。中柱的负边距为4500px。现在,当用户滚动时,应该像往常一样向左和向右滚动,但中心应该从下到上滚动。希望你收到了

示例站点:


您必须为中柱添加一个容器,将其溢出设置为隐藏,将高度设置为窗口高度,然后使用$window.scroll事件将$document.height-$window.scrollTop附加到中柱-这应该对您有用

编辑:以下是代码和说明:

$(document).ready(function(){
    var CONSTANT_OFFSET = -200; // starting position
    $(window).scroll(function(){
       $('.center').css('margin-top', CONSTANT_OFFSET + $(this).scrollTop()*2 + 'px'); 
    }).scroll();
});

在我的示例中,滚动位置锁定到相邻列的高度,因此移动量是比率的计算,因此是精确的


如何滚动看不见的内容?例如,查看此网站-从可用性角度看,您确定这是一个好主意吗?用户希望滚动以特定的方式进行,改变这种方式通常不是一个好主意。在这个示例站点上滚动会让我感到恶心。如果你检查它们的源代码,你会发现代码是用javascript处理的,你不会仅仅用css和html来实现这一点。我在您的JSFIDLE中看不到任何javascript。请查看我编辑的答案,它提供了您需要的javascript
$(document).ready(function(){
    var CONSTANT_OFFSET = -200; // starting position
    $(window).scroll(function(){
       $('.center').css('margin-top', CONSTANT_OFFSET + $(this).scrollTop()*2 + 'px'); 
    }).scroll();
});
$('.right').scrollTop(
    ($('.right .content').height() - $(window).height())
    *
    ( 1 - $(window).scrollTop() / ($('.left .content').height() - $(window).height()))
);