2011-05-13 68 views
0

我有一些按钮固定在我的页面的任一侧,但是如果浏览器窗口变小(或者用户的分辨率非常小),它们可以很好地工作,按钮会落到页脚的下方。职位:固定但有余量?

我以前见过它,一个元素固定在页面的一面,但是当你滚动到底部时,它们被推起来避免溢出。

也许它不止是CSS?

非常感谢,

杰克

编辑: 对于那些有兴趣在这里是解决方案的一个例子: http://blog.echoenduring.com/wp-content/uploads/demos/echo_ContainedStickyScroll/

+1

你可以追加你的源代码吗? – VirtualTroll 2011-05-13 20:20:40

+0

听起来像你会用jQuery做的事情,除非你可以使用z-index来浮动页脚上方的箭头,以便它们仍然可见... – 2011-05-13 20:44:00

回答

1

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

+0

啊哈谢谢你! – 2011-05-13 22:08:38

0

尝试以下操作:

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

这会保持一个按钮始终高于th的10px e地面。如果你想每次用户使用一些漂亮的效果向下滚动按钮,你将不得不使用JavaScript。

+0

那么这是一种可能性,虽然会有同样的问题,但我认为它会溢出标题!我想我可能需要使用jQuery,甚至可能有一个具有良好弹性效果的人 - 任何人都知道这样的脚本? – 2011-05-13 20:35:21