JS固定侧边栏教程总结

最新推荐文章于 2022-07-17 17:44:44 发布

jacelynfish

最新推荐文章于 2022-07-17 17:44:44 发布

阅读量2.9k

点赞数 1

分类专栏： JS

本文链接：https://blog.csdn.net/souzy/article/details/50654817

版权

JS固定侧边栏教程总结

教程来自慕课网http://www.imooc.com/video/1019

固定侧边栏的基本思路：

计算侧边栏的实际高度，当滚动高度+可视页面高度大于侧边栏实际高度时，用JS的CSS文档化改变侧边栏的position为fixed

scrollHeight+screenHeight > sideHeight

/**
 * Created by jacelyn on 2016/2/12.
 */
window.onload = function(){
    var $ = function(id){
        return document.getElementById(id);
    }

    var addEvent = function(obj, event, fn){
        if(obj.addEventListener){
            obj.addEventListener(event,fn,false);
        }else if(obj.attachEvent){
            obj.attachEvent('on'+event,fn);
        }

    }

    var domSide