在一些分栏的网站布局中，即左侧或右侧为网页主体，另一侧为侧边栏或工具栏的布局，经常会出现网页主体是一个长页面，类似很多的博客网站。这种情况为了让侧边栏一直可以被用户看到，就需要让侧边栏元素的position为fixed，固定在浏览器的固定位置。

本文我爱自学小编以114好帮手导航为例，分享通过 jquery固定侧边栏的实现方法。.

$(document).ready(function(){
                $(document).scroll(function(){
                        var topheight =$(document).scrollTop();//获取浏览器滚动条滚动的高度
                        if(topheight>210){
                                $(“#leftside”).css({“position”:”fixed”,”bottom”:”130px”,”z-index”:”10″});
                        }
                        else{
                                $(“#leftside”).css({“position”:””,”top”:””,”z-index”:””});
                        }
                });
        });

if(topheight>210) 该判断条件是当滚动的高度大于设定值时，固定侧边栏。这个要根据页面的具体情况变更，或者通过jquery获取页面某部分的高度。

注意：侧边栏应用了position:fixed的情况，要考虑另外的主体页面高度的问题。高度太低的情况，触发了固定操作后，滚动条可能会自动回到顶部。