位置:固定但有保证金?

时间:2011-05-13 20:19:06

标签: jquery css

我有一些固定在我页面两侧的按钮,它们运行良好但是如果浏览器窗口变小(或者用户的分辨率非常小),则按钮会落在页脚下方。

我之前看过它,一个元素固定在页面的一边,但是当你向上滚动它们时,它们被向上推,避免溢出。

也许它不仅仅是CSS?

非常感谢,

杰克

修改 对于那些感兴趣的人是一个解决方案的例子: http://blog.echoenduring.com/wp-content/uploads/demos/echo_ContainedStickyScroll/

2 个答案:

答案 0 :(得分:1)

jQuery插件StickyScroll可能正是您正在寻找的 - 一个jQuery插件,用于创建在向下滚动页面时“粘贴”到窗口顶部的元素。

答案 1 :(得分:0)

尝试以下方法:

.button {
    position: fixed;
    bottom: 10px;
}

这样可以使按钮始终高出地面10px。如果你想在每次用户向下滚动按钮时动态地向上滑动一些不错的效果,你将不得不使用javascript。