问题 修改滚动方向


所以基本上,我正在创建一个分为两列的网站。这些列是浏览器的中心高度,单独填满屏幕的50%。基本示例:

 -------------
|      |      |
|  up  | down |
|      |      |
 -------------

我设计了这个。每列都是div,并且都垂直滚动。我想要的是能够滚动div和右边的滚动方向与左边的滚动方向相反;但他们同时滚动。

我还想在右边有一个滚动条(就像一个普通的垂直网站),但滚动时,一边向上,另一边向下。

有人能在这里提供帮助吗?还是指向一个特定的方向?

例: http://buero-buero.org/


3281
2017-10-27 06:27


起源

你有结帐视差滚动吗? - Simon Pertersen


答案:


被链接的页面无耻地窃取,这是非常微不足道的:

<script>
function crisscross() {
$('down-left').style.bottom = '-' + window.scrollY + 'px';
$('down-right').style.bottom = '-' + window.scrollY + 'px';
$('left').style.left = '-' + window.scrollY + 'px';
$('right').style.right = '-' + window.scrollY + 'px';
}
</script> 

编辑:

回答你的评论:

一个) window.scrollY 是页面的垂直滚动量,你只是绝对的位置 #down div具有反向绝对位置。如果你不理解它,你应该至少搞砸它一段时间来理解它,或者更好地学习如何 window.scrollY 和jquery $().style 工作。

B)这不是你可以放置信用的代码量......它不是偷窃而是根本不重新发明轮子。

C)不要明白,抱歉, #down-right 是你在问题中提出的问题:a div 在滚动条的相反方向滚动。

再次编辑:

别忘了看看css:

div#down-right {
    bottom: 0;
    position: fixed;
    right: 6%;
}

10
2017-10-27 06:40



哈哈。是的,我在他们的网站上看到了这一点,但是:A)不明白。谁有人解释一下? B)不想偷它。 C)另外,如果向下滚动到HTML,则还有其他元素。例如,“左上”。 - user981458
我一定要问!源是在他们的页面上加密的,你是怎么偷的? - CyberFox
这不是我回答的时候;) - neurino