Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 左div固定右div可滚动不';我不能正常工作_Javascript_Html_Jquery_Css_Flexbox - Fatal编程技术网

Javascript 左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

我有一个部分,其中左div是固定的,右div是可滚动的,但右div内容甚至在滚动顶部到达该部分之前滚动。我希望正确的div滚动到<>强>只有当它到达div或底部< /强>的div(从底部滚动时),但每当它想要滚动时(不一致-当我快速滚动时,它开始在部分的中间滚动等)。 当我快速上下滚动时,它甚至会跳过此部分,但我希望它永远不会被跳过

尝试快速和慢速滚动。滚动条可在需要时工作:

代码:

.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为“不存在”。因为荣耀的原因,我永远爱你。对共和国实验室的影响,以及对其无胎动的初步疗效


如果您想要与您在评论中提供的链接中的效果相同,您必须:

  • 删除sticky的父div的
    溢出
    属性
    • 这一点值得强调,因为我认为你预期的不是这样,所以:你不能把它放在那里。如果你想有粘性的部分,只是没有css,将使内部滚动条滚动
  • 设置粘性div的
    top
    属性
  • 阅读。从您的措辞来看,我认为您认为
    向左滚动内容
    向右滚动内容
    div是“滚动的”,但它们不是;只是左侧的
    滚动内容被粘贴了

    .outer\u div{
    显示器:flex;
    位置:相对位置;
    身高:100%;
    宽度:100%;
    }
    .向左滚动内容{
    位置:粘性;
    弹性:1 065%;
    排名:0;
    显示器:flex;
    对齐项目:居中;
    证明内容:中心;
    }
    .向左滚动内容>div{
    位置:粘性;
    排名:0;
    高度:200px;
    宽度:400px;
    背景色:黑色;
    }
    .向右滚动内容{
    位置:相对位置;
    身高:100%;
    右:0;
    弹性:1035%;
    }
    
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本
    文本

    我不希望侧边栏总是显示出来。我想要“SIDENAV”部分和“其他文本”中间的“文本”,然后当我向下滚动或向上滚动,就像我连接的JSFIDLE一样。你想要的是强迫用户在滚动页面的外部部分之前滚动整个代码< >代码>,对吗?“里卡尔多是的。另外,窗口必须在到达
    顶部后才能滚动。我无法理解您所面临的问题,因此我将描述我看到的内容:在
    主体
    元素(“外部滚动条”)上有一个滚动条,在
    元素上有一个滚动条。向右滚动内容
    元素(“内部滚动条”)。很简单,它们彼此独立:,滚动一个不会影响另一个。你说它滚动w是什么意思