Javascript 使用什么技术创建受页面折叠限制的div？

跳过关于折叠在网页设计中的重要性的讨论，我想知道考虑到响应性设计，使用哪种技术来限制浏览器折叠上的特定部分（例如，可以是div）。一些网站甚至使用鼠标滚动和a按钮滑动到下面的部分

例：

我想说的不是幻灯片本身，而是不管显示器分辨率如何，每个部分在折页上的准确呈现方式。

window.innerHeight

您可以知道浏览器窗口的高度，并相应地设置图元的样式

我假设你所说的折叠是指你在不滚动的情况下看到的东西

---

如果您需要更向后兼容的

（您可以尝试使用css测量单位
vh
。假设您有一个
div
，您只想占据一半屏幕（视口），您可以这样做：

div{
    height: 50vh;
}

vh
代表“视口高度”，并用作百分比。因此，无论屏幕大小或分辨率如何，div始终占据可查看区域（视口）的100%：
div{Height:100vh；}
我会使用
document.documentElement.clientHeight
和
document.documentElement.clientWidth
，它们本质上是
html
元素的宽度和高度：

$('div').css({'height':document.documentElement.clientHeight+'px',
              'width':document.documentElement.clientWidth+'px'});


每次调整窗口大小时，您都必须重新执行此代码，以保持框底与页面折叠齐平。
您所说的“折叠”是什么意思？@JacobGray-通常他们谈论的是网页视口下方的区域（通常称为“折叠”）“折叠上方”图形设计借用的概念，当内容位于浏览器的可见部分时，用户无需滚动。对于像素这样的绝对测量值，可以通过应用高分辨率轻松完成，但是，它是固定的，不适用于所有分辨率。啊，他指的是每个部分都是视口的大小？下一个该网站似乎用于此目的。太棒了。非常感谢。@如果您使用jquery，有很多库可以帮助您。事实上，我正在学习jquery的基础知识，以便更深入地了解它们，这就是为什么会出现“初学者问题”。顺便问一句，对学习材料有什么建议吗？毕竟，这是一条漫长的路。：）我自己没有做过，但也尝试过类似的课程，效果很好
$('div').css({'height':document.documentElement.clientHeight+'px',
              'width':document.documentElement.clientWidth+'px'});