随页面滚动的提交按钮

时间:2013-09-20 13:50:38

标签: jquery html css

我有一个包含大量<input type="text">字段的页面。不是每一个都必须填补。当用户决定他准备好时,他应该点击提交按钮。 通常我会将提交按钮放在页面的底部和/或顶部。

但是如果按钮会向用户滚动下去会很棒。

有没有办法这样做?

3 个答案:

答案 0 :(得分:5)

使用css:

#mybutton {
   position: fixed;
}

答案 1 :(得分:3)

尝试将style="position: fixed"添加到按钮,并为topleft

输入一些绝对值

答案 2 :(得分:1)

我认为这就是你要找的东西:

JSFIDDLE

<强> CSS

#button-bar {
    position: fixed;
    top: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    background-color: #ddd;
}

#content {
    height: 600px;
}

HTML

<div id="button-bar">
    <input type="submit" value="Submit" name="submit"/>    
</div> 

<div id="content">
    <!-- content goes here -->  
</div>