Question

我有一个粘性标题，我在互联网上找到了javascript。该脚本工作得很好，但我想为它添加一个额外的功能。单击图标时，我希望标题展开，并且每当页面再次滚动以再次缩回时。问题是我只有javascript的基本经验，必须添加一些额外的代码。我希望你们中的一些人可以帮助我。

function init() {
    window.addEventListener('scroll', function(e){
        var distanceY = window.pageYOffset || document.documentElement.scrollTop,
            shrinkOn = 50,
            header = document.querySelector("header");
        if (distanceY > shrinkOn) {
            classie.add(header,"smaller");
        } else {
            if (classie.has(header,"smaller")) {
                classie.remove(header,"smaller");
            }
        }
        });
}
window.onload = init();

Answer 1

你可以尝试这样的事情

case 'b': {
    if (stack.size() < 1) fail();
    pop(l1, stack);
    l1 = log(l1);
    push(l1, stack);
    break;
}
case 'c': {
    if (stack.size() < 1) fail();
    pop(l1, stack);
    l1 = someotherfunction(l1);
    push(l1, stack);
    break;
}

Answer 2

屏幕后面的另一天，我找到了以下解决方案。

 <script>
function init() {
    window.addEventListener('scroll', function(e){
        var distanceY = window.pageYOffset || document.documentElement.scrollTop,
            shrinkOn = 50,
            header = document.querySelector("header");
            expand = document.getElementById("MyDiv").addEventListener("click", function(){
               if (classie.has(header,"smaller")) {
                classie.remove(header,"smaller");
            }
});
        if (distanceY > shrinkOn) {
            classie.add(header,"smaller");
        } else {
            if (classie.has(header,"smaller")) {
                classie.remove(header,"smaller");
            }
        }
        });
}
window.onload = init();
</script>

它像魔术一样（我想要的确切）。虽然我真的不知道javascript所以如果有经验的人检查过，我会很感激，如果有什么不对的地方让我知道。

单击div时使粘性标题展开

2 个答案: