Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.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/7/css/36.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/8/sorting/2.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
Html 当一个div的内容完成后停止滚动,而另一个div保持滚动_Html_Css - Fatal编程技术网

Html 当一个div的内容完成后停止滚动,而另一个div保持滚动

Html 当一个div的内容完成后停止滚动,而另一个div保持滚动,html,css,Html,Css,正在进行一项新的设计,有三根垂直的柱子 最左边的列是固定的 主内容列和右侧栏可通过浏览器的主滚动条平行垂直滚动 当右侧边栏的内容到达末尾时,它停止滚动,而主内容列继续滚动 有点像雅虎的布局我想你需要的是: 请看演示: 如果这不符合你的目的,试着在谷歌上搜索关键词“sticky div”或“sticky sidebar”。我相信你会找到你想要的 你能告诉我们到目前为止你有什么吗?至少在jsfiddle.netSo上设置html什么阻止了你?问题在哪里?@PatsyIssa好吧,我不知道如何阻止右侧

正在进行一项新的设计,有三根垂直的柱子

  • 最左边的列是固定的
  • 主内容列和右侧栏可通过浏览器的主滚动条平行垂直滚动
  • 当右侧边栏的内容到达末尾时,它停止滚动,而主内容列继续滚动

  • 有点像雅虎的布局

    我想你需要的是:

    请看演示:


    如果这不符合你的目的,试着在谷歌上搜索关键词“sticky div”或“sticky sidebar”。我相信你会找到你想要的

    你能告诉我们到目前为止你有什么吗?至少在jsfiddle.netSo上设置html什么阻止了你?问题在哪里?@PatsyIssa好吧,我不知道如何阻止右侧边栏div在其内容完成时滚动,而主内容列使用浏览器的主滚动条继续滚动。@Sarmad Saleem--谢谢你的回答。但是——不,我不希望粘性小部件的行为如您建议的示例所示。因为如果小部件本身的内容转到多个页面,它不会与主内容一起滚动。然而,我所寻找的是,它也应该与浏览器的主滚动条滚动——最好的例子是yahoos页面——哦,我的坏!我找到了这把小提琴,看看它是否有用:——谢谢你的努力。这就是我要找的。