如何用JavaScript实现淘宝式固定在页面的长尾词疑问侧边栏？

本文共计625个文字，预计阅读时间需要3分钟。

原文示例为：本文实例为大家分享了js实现淘宝固定侧边栏的具体代码，供大家参考。具体内容如下：

1.实现效果：

当页面运行到banner区域时，右侧边栏改为固定定位，当页面运行到主体区域时，右侧‘’

简化后内容为：本文提供淘宝固定侧边栏的js代码实例，供参考。内容包括：

1.实现效果：

页面滚动至banner区时，右侧栏固定，至主体区时恢复正常。

本文实例为大家分享了js实现淘宝固定侧边栏的具体代码，供大家参考，具体内容如下

1.实现效果：

当页面运行到banner区域时，右边侧边栏改为固定定位，当页面运行到主体区域时，右边侧边栏显示返回到顶部。

2.思路：

（1）给document加scroll事件。

（2）获取页面被卷去的部分用window.pageYOffset.

（3）不断判断页面滚动了多少。计算右边侧边栏应该待的位置。

3.代码：

pink老师用了固定定位fixed（固定定位是相对于窗口的距离），我做的还是用绝对定位（绝对定位是相对于父元素来说的，即document），都是可以实现的。