请问360搜索的侧边栏是这个效果是怎么实现的？求代码和解说。

效果图如下，代码我也有截图。如果我截图的的代码不是控制这个效果的，还望大佬指出来，并帮帮我解答下这个问题，跪谢！

我看它这个网页，主要就是靠这个函数控制的，可是为什么我写了一个相同的，放在这里，但是却不见生效。求解答。

另外如果你想看360的实现方式的话，页面滑动时候注意sites-lib的样式变化，他应该就是用的js监听页面滚动重设样式

用div嵌套就可以实现，主要是要写好div的样式。

默认是static定位的，添加scroll事件，判断document.documentElement.scrollTop滚动到一定位置（要fixed定位的位置）后在设置为fixed定位

一个简单的DEMO，对你有帮助采纳支持下，谢谢~~

看不出你截的代码和侧边栏有什么关系。

用简单的css和js都可以实现相同的效果。

css你试一下position:sticky吸顶；

js操作的话，就添加页面滑动的监听事件，判断元素距离页面顶部为0时，用js设置样式固定住就好了；

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632