Html 如何将多个分区固定到屏幕顶部（视差滚动网站帮助）
我打算为一个学校项目创建一个视差滚动网站 对于我的网站，我需要在页面顶部固定4个分区，即屏幕图形（如笔记本电脑屏幕、电话屏幕），当我滚动过一定数量的内容时，固定的“屏幕”分区将切换到下一个屏幕 这将有点类似于谷歌日历上关于美国的页面，内容将在手机屏幕上滚动，但现在有4个屏幕。它还受到iHateTomatos的Gameboy 25周年纪念页面的启发。不过我不知道该怎么做 我知道如何在屏幕顶部固定一个分区，但我不知道如何在内容达到一定数量的像素时将这个固定分区滚动到下一个固定分区 此外，我想问一下，是否有可能有一个背景，也滚动在某些像素为整个页面的“屏幕”图形将不会延伸到整个屏幕Html 如何将多个分区固定到屏幕顶部（视差滚动网站帮助）,html,css,scroll,parallax,Html,Css,Scroll,Parallax,我打算为一个学校项目创建一个视差滚动网站 对于我的网站，我需要在页面顶部固定4个分区，即屏幕图形（如笔记本电脑屏幕、电话屏幕），当我滚动过一定数量的内容时，固定的“屏幕”分区将切换到下一个屏幕 这将有点类似于谷歌日历上关于美国的页面，内容将在手机屏幕上滚动，但现在有4个屏幕。它还受到iHateTomatos的Gameboy 25周年纪念页面的启发。不过我不知道该怎么做 我知道如何在屏幕顶部固定一个分区，但我不知道如何在内容达到一定数量的像素时将这个固定分区滚动到下一个固定分区 此外，我想问一下，
抱歉，如果这是长篇大论，谢谢您的帮助：）听起来像是一个很酷的学校项目。您可以使用css和javascript像这样滚动图片： CSS: Javascript/JQuery：
function scroll (){
$("#picDIV").scrollleft(/*specify in pixles where next image is*/);
}
向左滚动
对于整个页面，除了使用
$（“body”）.scrollTop（/*#of pix*/）function scroll (){
$("#picDIV").scrollleft(/*specify in pixles where next image is*/);
}
<html>
<body>
<div id="picDIV"><!--Side by side images--><img class="img" src=""><img class="img" src=""></div>
<button onclick="scroll()">Scroll Left</button>
</body>
</html>