Sticky.js用于固定在顶部的按钮

时间:2017-10-18 07:35:36

标签: javascript jquery sticky

我正在尝试使sticky.js在滚动时固定按钮。

开发网站:http://gameofjoes.com/LAW/1/ 元素:中间的红色按钮 所需行为:向下滚动时按钮固定在顶部。

JS:Sticky JS http://stickyjs.com/

- 添加到源代码 -

 $(document).ready(function(){
$("#sticker").sticky({topSpacing:70});

});

jquery和sticky.js也来源

我不确定是否需要添加“贴纸”div的CSS样式表。

1 个答案:

答案 0 :(得分:0)

我认为它不需要任何特定的CSS(似乎是内联样式)但是你需要使用你要粘贴的代码来定位你的按钮,例如通过添加“贴纸”ID,就像这样:

public interface Order {
    void finish();
    boolean isFinished();
}

public class DbOrder implements Order {

    private final int id;
    private final Database db;

    //ctor. An implementation of Database is injected

    @Override
    public void finish() {
        db.update("ORDERS", "FINISHING_DATE", new Date(), "ID=" + id);
    }

    @Override
    public boolean isFinished() {
        Date finishingDate = db.select("ORDERS", "FINISHING_DATE", "ID=" + id);
        return finishingDate != null; 
    }

}

public interface Database {
    void update(String table, String columnName, Object newValue, String whereClause);
    void select(String table, String columnName, String whereClause);
}