固定div位置,底部有控件,直到窗口滚动到原始位置

时间:2011-08-20 16:10:57

标签: javascript jquery html css

我有一个包含很长字段列表的表单。所以我想在底部看到Submit。它应该存在,直到我滚动到原来的位置。

我试过做一个样本:

  

http://jsfiddle.net/kSpjh/2/

但是代码很难看,灰色面板在滚动之前应该是100%的问题

2 个答案:

答案 0 :(得分:2)

示例:http://jsfiddle.net/kSpjh/4/

使用left: 10px; right: 10px; #sticker

答案 1 :(得分:0)

不确定您认为对代码如此丑陋。我没有深入研究它,但它很短,所以我无法想象它的结构很差。

除此之外,你想让#sticker的背景延伸到整个屏幕的长度是唯一的另一个问题吗?在这种情况下,只需在CSS中给它一个宽度:100%:

http://jsfiddle.net/ebiewener/kSpjh/5/

但你也说它“应该100%直到滚动”,这是否意味着你想让它在滚动开始时收缩到较小的尺寸?如果是这样,你应该将宽度:100%放在$(document).ready()函数中,这样你就可以在.scroll()事件的基础上删除它:

http://jsfiddle.net/ebiewener/kSpjh/7/