jquery - 滚动上的平滑元素放置 - jQuery

Question

在我的网站上，侧边栏的内容大部分时间都比主要内容短。

我只想“降低”该元素的滚动率，以便在页面完全滚动时它的顶部与页面顶部对齐，底部与页面底部对齐。

我希望它们在 Firefox 中的工作正常，但是当使用鼠标滚轮滚动时，Chrome 和 IE 会显示这种烦人的跳跃。

我已经做了一些变量缓存来优化脚本，但它没有帮助（或几乎没有）。

你可以在这里看看：

http://www.pastottawa.com/lastest/

谢谢，

Answer 1

您的问题是您正在尝试使用其他 CSS 功能复制 CSS 功能。而不是#rightSideBar相对定位并将顶部值设置为基于与页面顶部的距离以显示在视口中的值，您应该这样做：

#rightSideBar {
    位置：固定；
    右：20px；
    top: /* 用 Ja​​vascript 设置这个值 */
}

CSS 的此功能将元素的位置固定到您指定的视口中，因此您需要做的就是设置您希望元素出现在距离用户浏览器视口顶部多远的位置。这不是页面顶部的值，而是窗口顶部的像素数，无论其大小、位置或内容如何。