小编Uma*_*mar的帖子

香草js中是否存在偏移底部?

我找到了这个粘性 div 片段并对其进行了修改,以便当 div 到达页面顶部时它看起来粘在窗口的底部。我只是好奇是否有一种偏移底部的方法。这是代码:-

let Sticky = (function() {
    'use strict';

    let CSS_CLASS_ACTIVE = 'is-fixed';


    let Sticky = {
        element: null,
        position: 0,
        addEvents: function() {
            window.addEventListener('scroll', this.onScroll.bind(this));
        },
        init: function(element) {
            this.element = element;
            this.addEvents();
            this.position = element.offsetTop ;
            this.onScroll();
        },
        aboveScroll: function() {
            return this.position < window.scrollY;
        },
        onScroll: function(event) {
            if (this.aboveScroll()) {
                this.setFixed();
            } else {
                this.setStatic();
            }
        },
        setFixed: function() {
            this.element.classList.add(CSS_CLASS_ACTIVE);
        },
        setStatic: function() {
            this.element.classList.remove(CSS_CLASS_ACTIVE);
        }
    };

    return Sticky;

})();


//  Init …
Run Code Online (Sandbox Code Playgroud)

html javascript

2
推荐指数
1
解决办法
4620
查看次数

标签 统计

html ×1

javascript ×1