Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.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 如何使侧边栏在滚动时粘住而不消失_Javascript_Html_Css - Fatal编程技术网

Javascript 如何使侧边栏在滚动时粘住而不消失

Javascript 如何使侧边栏在滚动时粘住而不消失,javascript,html,css,Javascript,Html,Css,好的,如上图所示,有一个侧栏,其中包含社交网站的图片。滚动时,它不会消失。。。。。 所以我想知道这是怎么发生的,如果我想让侧栏粘到左下角,我该怎么做…给侧栏的父元素位置:fixed,然后可以使用left、right、top和bottom属性来定位侧栏 Position:fixed表示元素将固定在浏览器窗口上 Position:absolute表示元素将固定在页面布局上。给边栏元素一个位置:fixed。这将允许您控制其相对于浏览器窗口的位置。要把它放在左下角,只需给它left:0;底部:0 下面

好的,如上图所示,有一个侧栏,其中包含社交网站的图片。滚动时,它不会消失。。。。。


所以我想知道这是怎么发生的,如果我想让侧栏粘到左下角,我该怎么做…

给侧栏的父元素
位置:fixed
,然后可以使用
left
right
top
bottom
属性来定位侧栏

Position:fixed
表示元素将固定在浏览器窗口上


Position:absolute
表示元素将固定在页面布局上。

给边栏元素一个
位置:fixed
。这将允许您控制其相对于浏览器窗口的位置。要把它放在左下角,只需给它
left:0;底部:0

下面是一个例子:

#侧边栏{
宽度:100px;
高度:100px;
边框:1px纯黑;
位置:固定;
底部:0;
左:0;
}
#内容{
高度:1000px;
宽度:100%;
}

这是侧边栏
这只是一个很长的div,允许您滚动并查看效果

您正在查找css属性
位置:固定,看一看。谢谢你的链接…嗯,他们使用Javascript和CSS的组合。你试过什么?请查看有关的帮助部分以及如何创建