Javascript 左div固定右div可滚动不';我不能正常工作
我有一个部分,其中左div是固定的,右div是可滚动的,但右div内容甚至在滚动顶部到达该部分之前滚动。我希望正确的div滚动到<>强>只有当它到达div或底部< /强>的div(从底部滚动时),但每当它想要滚动时(不一致-当我快速滚动时,它开始在部分的中间滚动等)。 当我快速上下滚动时,它甚至会跳过此部分,但我希望它永远不会被跳过 尝试快速和慢速滚动。滚动条可在需要时工作: 代码:Javascript 左div固定右div可滚动不';我不能正常工作,javascript,html,jquery,css,flexbox,Javascript,Html,Jquery,Css,Flexbox,我有一个部分,其中左div是固定的,右div是可滚动的,但右div内容甚至在滚动顶部到达该部分之前滚动。我希望正确的div滚动到强>只有当它到达div或底部< /强>的div(从底部滚动时),但每当它想要滚动时(不一致-当我快速滚动时,它开始在部分的中间滚动等)。 当我快速上下滚动时,它甚至会跳过此部分,但我希望它永远不会被跳过 尝试快速和慢速滚动。滚动条可在需要时工作: 代码: .outer\u div{ 显示器:flex; 位置:相对位置; 高度:600px; 溢出y:滚动; 宽度:10
.outer\u div{
显示器:flex;
位置:相对位置;
高度:600px;
溢出y:滚动;
宽度:100%;
}
.向左滚动内容{
位置:粘性;
弹性:1 065%;
排名:0;
显示器:flex;
对齐项目:居中;
证明内容:中心;
}
.向左滚动内容>div{
高度:200px;
宽度:400px;
背景色:黑色;
}
.向右滚动内容{
位置:相对位置;
身高:100%;
右:0;
弹性:1035%;
}
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
正文{
字体系列:“Lato”,无衬线;字体大小:12px;
}
.侧导航{
身高:100%;
宽度:160px;
位置:固定;
z指数:1;
排名:0;
左:0;
背景色:#111;
溢出x:隐藏;
填充顶部:20px;
}
.侧导航a{
填充:6px 8px 6px 16px;
文字装饰:无;
字体大小:25px;
颜色:#818181;
显示:块;
}
.侧导航a:悬停{
颜色:#f1f1;
}
梅因先生{
左边距:160px;/*与sidenav的宽度相同*/
字体大小:15px;/*增加文本以启用滚动*/
填充:0px 10px;
}
边栏
此侧边栏为全高(100%),始终显示
向下滚动页面以查看结果
一些文本以启用滚动。。Lorem ipsum dolor sit amet,illum定义为“不存在”,maluisset结论为“不存在”,altera fabulas为“不存在”。因为荣耀的原因,我永远爱你。对共和国实验室的影响,以及对其无胎动的初步疗效
一些文本以启用滚动。。Lorem ipsum dolor sit amet,illum定义为“不存在”,maluisset结论为“不存在”,altera fabulas为“不存在”。因为荣耀的原因,我永远爱你。对共和国实验室的影响,以及对其无胎动的初步疗效
一些文本以启用滚动。。Lorem ipsum dolor sit amet,illum定义为“不存在”,maluisset结论为“不存在”,altera fabulas为“不存在”。因为荣耀的原因,我永远爱你。对共和国实验室的影响,以及对其无胎动的初步疗效
一些文本以启用滚动。。Lorem ipsum dolor sit amet,illum定义为“不存在”,maluisset结论为“不存在”,altera fabulas为“不存在”。因为荣耀的原因,我永远爱你。对共和国实验室的影响,以及对其无胎动的初步疗效
如果您想要与您在评论中提供的链接中的效果相同,您必须:
溢出
属性- 这一点值得强调,因为我认为你预期的不是这样,所以:你不能把它放在那里。如果你想有粘性的部分,只是没有css,将使内部滚动条滚动
top
属性向左滚动内容
和向右滚动内容
div是“滚动的”,但它们不是;只是左侧的滚动内容被粘贴了
.outer\u div{
显示器:flex;
位置:相对位置;
身高:100%;
宽度:100%;
}
.向左滚动内容{
位置:粘性;
弹性:1 065%;
排名:0;
显示器:flex;
对齐项目:居中;
证明内容:中心;
}
.向左滚动内容>div{
位置:粘性;
排名:0;
高度:200px;
宽度:400px;
背景色:黑色;
}
.向右滚动内容{
位置:相对位置;
身高:100%;
右:0;
弹性:1035%;
}
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
文本
我不希望侧边栏总是显示出来。我想要“SIDENAV”部分和“其他文本”中间的“文本”,然后当我向下滚动或向上滚动,就像我连接的JSFIDLE一样。你想要的是强迫用户在滚动页面的外部部分之前滚动整个代码< >代码>,对吗?“里卡尔多是的。另外,窗口必须在到达
顶部后才能滚动。我无法理解您所面临的问题,因此我将描述我看到的内容:在主体
元素(“外部滚动条”)上有一个滚动条,在元素上有一个滚动条。向右滚动内容
元素(“内部滚动条”)。很简单,它们彼此独立:,滚动一个不会影响另一个。你说它滚动w是什么意思