Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 修改滚动方向_Javascript_Html_Css_Scroll - Fatal编程技术网

Javascript 修改滚动方向

Javascript 修改滚动方向,javascript,html,css,scroll,Javascript,Html,Css,Scroll,基本上,我正在创建一个分为两列的网站。这些列位于浏览器的中心高度,分别占据屏幕的50%。基本示例: ------------- | | | | up | down | | | | ------------- 我设计了这个。每列都是一个div,并且都垂直滚动。我想要的是能够滚动任何一个div,并且右边的滚动方向与左边的方向相反;但它们同时滚动 我也希望在右边有一个滚动条(就像一个普通的垂直站点),但是当你滚动的时候,一边向上,另一边向下 这里有人能

基本上,我正在创建一个分为两列的网站。这些列位于浏览器的中心高度,分别占据屏幕的50%。基本示例:

 -------------
|      |      |
|  up  | down |
|      |      |
 -------------
我设计了这个。每列都是一个div,并且都垂直滚动。我想要的是能够滚动任何一个div,并且右边的滚动方向与左边的方向相反;但它们同时滚动

我也希望在右边有一个滚动条(就像一个普通的垂直站点),但是当你滚动的时候,一边向上,另一边向下

这里有人能帮忙吗?或者给我指一个特定的方向

示例:

被你链接的页面无耻地偷走了,这是非常琐碎的:

<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> 

哈哈。是的,我在他们的网站上看到了,但是:A)我不明白。有人能解释一下吗?B) 我不想偷它。C) 此外,如果向下滚动到HTML,则会显示其他元素。例如“左上”,我回答的时候已经不是了;)你检查过视差滚动吗?
div#down-right {
    bottom: 0;
    position: fixed;
    right: 6%;
}