Javascript 在这种特殊情况下，如何将div粘贴到滚动动作的底部/顶部？
请提供帮助或指导。 如何粘贴“side”div，因此：Javascript 在这种特殊情况下，如何将div粘贴到滚动动作的底部/顶部？,javascript,html,css,Javascript,Html,Css,请提供帮助或指导。 如何粘贴“side”div，因此： 当页面向下滚动时，“侧”的底线变为on 与浏览器的底线相同的级别->“侧边”的底杆 到浏览器的底部 “边”的底线不能低于“结果”底线 当页面向上滚动时，“side”也会向上滚动，并粘贴到浏览器的顶行。在滚动结束时，选择“侧边” 这是原来的地方 应该支持IE11/No jQuery 粘住我 @字符集“UTF-8”； html，body，div，span，applet，object，iframe，h1，h2，h3，h4，h5，h6，p，
粘住我
@字符集“UTF-8”；
html，body，div，span，applet，object，iframe，h1，h2，h3，h4，h5，h6，p，blockquote，pre，a，abbr，首字母缩写，address，big，cite，code，del，
dfn、em、字体、img、ins、kbd、q、s、samp、小、罢工、强、子、支持、tt、var、dl、dt、dd、ol、ul、li、字段集、表单、标签、图例、，
表格，标题，tbody，tfoot，thead，tr，th，td，按钮{
保证金：0；
填充：0；
边界：0；
大纲：0；
垂直对齐：基线；
字体：佐治亚州13号无衬线字体；
}
.标题{
背景：52657b；
高度：80px；
位置：固定；
排名：0；
z指数：3；
宽度：100%；
最小宽度：850px；
}
页脚{
显示：块；
}
.基地{
最小高度：100%；
边缘底部：25px；
最小宽度：850px；
}
r{
边缘底部：8px；
文本对齐：右对齐；
字号：10pt；
右边距：16px；
}
.内容{
填充顶部：110px；
调整项目：灵活启动；
显示器：flex；
}
.结果{
位置：相对位置；
宽度：钙（100%-566px）；
利润上限：-30px；
左边距：32px；
背景#b1b1b1；
高度：2000px；
}
.这边{
填充顶部：40px；
背景:#f5；
位置：静态；
身高：975px；
flex:0532px；
}
结果
侧面
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
公司
2020
<html lang="en">
<head>
<title>Stick me</title>
<style>
@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td, button {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
font: 13pt 'PT Sans', Georgia, sans-serif;
}
.header{
background: #52657b;
height: 80px;
position: fixed;
top: 0;
z-index: 3;
width: 100%;
min-width: 850px;
}
footer{
display: block;
}
.base{
min-height: 100%;
margin-bottom: 25px;
min-width: 850px;
}
.r{
margin-bottom: 8px;
text-align: right;
font-size: 10pt;
margin-right: 16px;
}
.content{
padding-top: 110px;
align-items: flex-start;
display: flex;
}
.result{
position: relative;
width: calc(100% - 566px);
margin-top: -30px;
margin-left: 32px;
background: #b1b1b1;
height: 2000px;
}
.side{
padding-top: 40px;
background: #F5F5F5;
position: static;
height: 975px;
flex: 0 0 532px;
}
</style>
</head>
<body>
<div class="header"></div>
<div class="base">
<div class="content">
<div class="result">
result
</div>
<div class="side">
side<br>
1<br>
2<br>
3<br>
4<br>
5<br>
6<br>
7<br>
8<br>
9<br>
0<br>
1<br>
2<br>
3<br>
4<br>
5<br>
6<br>
7<br>
<br><br><br><br><br><br>
8<br>
</div>
</div>
</div>
<footer>
<div class="r">
Company <br>
2020.
</div>
</footer>
</body>
</html>