Javascript HTML中的不同窗口

在创建网站的过程中，我发现浏览别人的网站可以更容易地想象我想做什么。我找到一个网站，它的浏览器窗口似乎是以一种允许屏幕上同时出现单独“窗口”的方式设置的。因此，如果您滚动屏幕的一部分，屏幕的其余部分将不会这样做，只有您滚动的部分。同样，当您滚动整个屏幕时，某些元素不会随之滚动，相反，它们似乎保持固定不变

我所寻找的是一种在我的网站中实现这一点的方法——类似于这个“示例”：

[…]
[...]
[...]

---

有没有一种通用的方法？您必须用JavaScript编程这种行为吗？

这可以使用css样式来实现，例如position:fixed/sticky，指向您不想滚动的html元素

最好的解决方案是使用React 因为React帮助我们创建您自己的自定义组件，所以您可以轻松创建

---

并像上面定义用法一样使用它

滚动时元素保持在其位置的一种方法是使用

position:fixed

CSS语句。参见示例

#不滚动{
位置：固定；
左：200px；
顶部：10px；
}

这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动
这将滚动


这不会滚动

我们谈论的是

iFrame

，

视差元素

，还是完全其他的东西？你的问题不是很清楚。如果你在你的问题中包括一些这样的网站作为例子会更好，甚至可能是你想要得到的图片。那么溢出和位置修复了吗？或者iFrame，或者许多其他类似的东西？与本网站类似，侧边栏如何不随窗口的其余部分滚动。“有一种通用的方法吗？”-没有“通用”的方法，因为您描述的东西都可以是不同的东西，以不同的方式实现。美联社提到iframes；epascarello和cs1349459提及位置：固定；如果一个元素有一个设置的大小，并且它的内容比这个“大”，则overflow:scroll或overflow:auto将创建一个可滚动区域。不，在现代浏览器中，您可能不需要javascript来做这些事情。

[...]
<window position="some-number" size="some-number">
    <!-- not a real element -->
    [...]
</window>
[...]