如何在JavaScript中停止End-less浮动Div?

时间:2010-12-28 09:03:37

标签: javascript css

我正在为我的博客构建一个新主题,我需要在1月1日之前完成它。它几乎完成但我遇到了一个问题:

See this post for example

最后2个窗口小部件,即边栏中的特色窗口和最近的窗口设置为浮动(定位绝对,浮动窗口小部件在用户滚动时变为固定),以便在用户向下滚动时始终可见。但是如何在到达页脚后停止浮动?任何帮助都会非常感激。

1 个答案:

答案 0 :(得分:0)

从我可以看到你使用一些javascript将框改变为位置:固定一旦你的滚动位置等于框的顶部。你需要的是某种检查,看看盒子的底部是否小于页面底部的给定长度。比如说底部的长度小于或等于100px你可以把它转回到位置:绝对并将底部设置为100px。然后当然添加一个检查以查看如果用户再次向上滚动则将其设置为固定。只需使用你在那里的脚本工作一点,你就会有一个解决方案,没有能力从我正在使用的程序中测试脚本,所以无法帮助你。