0

我正在学习 css 并决定了解 Facebook 中的一些内容：右侧的 minifeed 允许在不使用框架的情况下滚动。它是如何工作的？

我怀疑我现在可能知道答案，但我找不到确切的证据。它是一个较小的固定元素，包含一个较大的元素。然后内部较大元素相对于外部较小元素的相对位置由js响应鼠标事件进行更改。这一切都没问题。现在的问题：

我找不到这个相对位置的定义位置。我正在使用 Chrome 的“检查元素”并试图找出定义此定位的位置，因此可能会被 js 更改。

我找到 ：

<div class="tickerActivityStories" ...

是内部大元素，并且：

<div class="uiScrollableAreaWrap ...

是第一个较小的祖先，因此将其限制为“虚拟框架”。

但我找不到第一个相对于最后一个的位置设置在哪里。我正在浏览 chrome 显示给我的样式和计算样式，但看不到任何相关的定位指令。我们将不胜感激以下类型的帮助：

  • 打开facebook并检查过的人对这个具体问题的具体回答。
  • 关于我可能做错了什么以找到答案的指导，以及我怎样才能做得更好
4

2 回答 2

2

它与相对定位无关。该脚本根据容器的位置检查scrollTop容器的位置height。当它达到某个值时，它会触发 AJAX 调用以获取更多内容。当这些东西返回时，脚本将它放在当前容器中最后一个项目下方的 DOM 中，并更新分页值，以便下一次获取将是直观的。当更多的东西被添加到 DOM 时，滚动条会自动调整自己。

于 2012-10-10T15:26:15.077 回答
1

这是我最近发现的一个回购，这可能会对你有所帮助

http://jamesflorentino.github.com/nanoScrollerJS/

还有其他像“狮子棒”之类的东西，我不记得了

于 2012-10-10T15:56:52.477 回答