纯css能否实现某些网站类似导航条的一个东西

纯css 可能很点困难。 我说下使用js的想法：

1. 记录导航条初始状态下距离页面顶部的距离startPos

   1. 在滚动事件上计算页面滚动的距离scrollTop，并比较 startPos 和 scrollTop的大小，如果startPos > scrollTop 则保持导航条在初始位置，否则置顶导航条。

var startPos = $('.nav').offset().top;
function setNavPos(){
    var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
    if (scrollTop > startPos){
        $('.nav').addClass('to-top');
    }else{  
        $('.nav').removeClass('to-top');
    }
}
$(window).on('scroll', setNavPos);

如果要支持移动设备，就要使用touch类的事件了， 例如touchmove, touchstart, touchover