你怎么做一个固定的，响应侧边栏？

Question

这个网站有一个美丽的侧边栏：http://thenextweb.com/ 我知道如何在CSS固定的侧边栏，但是使它停止在某一点上滚动，我迷路了。并让它消失在一定的宽度是我认为的媒体查询？

Answer 1

试试这个脚本

<script> 

$(document).ready(function(){ 
    $('#page').scroll(function(){ 
    if(document.getElementById("page").scrollTop > 100) { 
     $('#sidebar').css("position","fixed"); 
    } 

    }); 



}); 

如果页面是被包含的元素

Answer 2

我做了一个CodePen与固定在其相关容器中的侧栏。

你可以在这里看到：http://codepen.io/tomanagle/pen/vGaEvG

至于使它消失在某个转折点。使用媒体查询。

@media screen and (max-width: 1280px){ 
    aside{ 
    display: none; 
    } 
    #article{ 
    margin: auto; 
    float: none; 
    } 
} 

还有，你可以使用，使粘侧边栏库：http://leafo.net/sticky-kit/