修复了哪些部分知道CSS中的导航栏？

Question

如果你不知道标题是什么，请看看这个gif（我无法让它在jsfiddle上工作）

http://imgur.com/a/56R7M

绿色div将被固定在一旁，而蓝色div则是一个导航栏。我使用jQuery创建了一个插件，它允许检查元素是否在屏幕上。

问题是它有时很慢而且有问题。是否有任何CSS技巧会产生相同的效果？或其他任何不使用.Appear（）插件？

Answer 1

没关系，只是发现更好，只有JS解决方案

window.onscroll = changePosition;

function changePosition() {
    var aside = document.getElementById("someElement");
    if (window.pageYOffset > 100) {        //100 is nav bar height
      aside.style.position = "fixed";
      aside.style.top = "20px";  //space between top of the screen and aside
    } else {
        aside.style.position = "absolute";
        aside.style.top = "120px";     //nav bar height + space between them
    }
}

使用jQuery

更好地工作