Javascript html侧栏在整个页面中不起作用，只在divs中显示

我在我的网页上尝试了很多侧边栏，一些幻灯片栏由于javaScript问题无法正常工作。幸运的是，一个侧边栏在我的网页上正常工作

此侧边栏有一些问题。此侧边栏仅适用于特定的div，而不适用于整个网页。 请看一下，通过向下滚动页面可以观察到问题。我需要侧边栏打开任何部分，因为标题菜单是粘性的

JSFIDLE代码的副本：

（功能（窗口）{
"严格使用",；
函数classReg（className）{
返回新的RegExp（“（^ |\\s+”+className+”（\\s+|$）”）；
}
//类列表对类管理的支持
//虽然公平地说，api很糟糕，因为它不会同时接受多个类
变量hasClass、addClass、removeClass；
if（document.documentElement中的“类列表”）{
hasClass=函数（元素，c）{
返回元素classList.contains（c）；
};
addClass=函数（元素，c）{
元素类列表添加（c）；
};
removeClass=函数（elem，c）{
元素类列表。删除（c）；
};
}否则{
hasClass=函数（元素，c）{
返回classReg（c）.test（elem.className）；
};
addClass=函数（元素，c）{
如果（！hasClass（elem，c））{
elem.className=elem.className+''+c；
}
};
removeClass=函数（elem，c）{
elem.className=elem.className.replace（classReg（c），“”）；
};
}
函数切换类（elem，c）{
var fn=hasClass（elem，c）？removeClass:addClass；
fn（elem，c）；
}
风险等级={
//全名
hasClass:hasClass，
addClass:addClass，
removeClass:removeClass，
toggleClass:toggleClass，
//简称
has:hasClass，
add:addClass，
remove:removeClass，
切换：切换类
};
//运输
if（typeof define=='function'&&define.amd）{
//AMD
定义（分类）；
}否则{
//浏览器全局
window.classie=classie；
}
})（窗口）；
var SidebarMenuEffects=（函数（）{
函数hasParentClass（e，类名）{
如果（e==单据）返回false；
if（classie.has（e，classname））{
返回true；
}
返回e.parentNode&&hasParentClass（e.parentNode，classname）；
}
函数mobilecheck（）{
var检查=假；
（职能（a）{
“MeGo走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走走“Pucker | pocket | psp | series（4 | 6）0 | symbian | treo | up\（浏览器链接）|沃达丰| wap | windows（ce |电话）| xda | xiino/i.test（a）12月12日（12月1-6日）本月12日（12月12日）本月12日（12月12日）本月12日（12月12日）本月12日（12月12日）本月12日（12月24日）本月12日（12月24日）本月14日（12月24日）本月14日（12日）本月12日）本月12日（12日）本月12日）本月12日，本月14日（12日）本月14日）本月14日（12日（12日）本月14日）本月14日）本月14日（12日，本月14日）本月14日，本月14日，本月14日，本月14日，本月14日，本月14日，本月14日，本月14日，本月14日，本月14日，本月14日，本月14日，本月14日，本月14日，本月14日，本月14日，本“m”的研究者们（124）的研究者们（124）的研究者们（124）的研究者们（124）的研究者们（124）的研究者们（124）的研究者们（124）的研究者们（124）的研究者们）的研究者们（124）的研究者们（124）的研究者们（124）的研究者们（124）的研究者们）的研究者们（准准准准准准准（本币）的研究者（本币）的研究者（本币）准（本币）准（本币）准（本币）准准（本币（本币）准（本币）准（本币）两（本币（本币）两（本币）两（本币）两（本币）两（本币）两（本币（本币）两（本币）两（本币（本币）两（本币）两（本币）两（本币（本币）两（本币）两（本币（本币）| devi | dica | dmob | do（c | p）o | ds（12 | \-d）el（49 | ai）|（4-7）0岁以上的学生（4-7）0岁以上的学生（4-7）0岁以上的学生（4-7）0岁以上的学生（4-7）0岁以上的学生（12-12岁）的学生（12-12岁）的学生（12-12岁）的学生（12-12岁）的学生（12-12岁）的学生（12-12岁）和（12-12岁）的学生（12-7）们（12岁）们（12-7）和（12-7）他们）的他们（12岁）们（12岁）他们）的学校学校（12岁）们（12岁）他们）的学生（12岁）们（12岁）们（12岁）们（12岁）的他们）的）的）们，他们（12岁）的）的学生（12岁，他们（12岁）的）会）的）的，他们（12岁）的）们（12岁，他们（12-12岁）的，他们（12岁）的）的知识产权（ip）1241244）门第三方——c（1244？|; 1244？よ;本币（ip）知识产权）门第三方——c（c（1244？1244？||||||;本币（ip）门第三方）门第三方——c（c（c（c）在场在场在场（c（本本币）a（1244）a）a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，a，跳汰机| kddi | keji | kgt（| \/）| klon | kpt | kwc | kyo（c | k）| le（no | xi）|本周（gよ除除了除了除了g（124本本）以外的其他一些（g）本币（g）本币（g）本币（g）本币（g）本币（g）本币（g）本币（g）本币（g）本币（g）本币（g）本币（g）本币（g）本币（g）本币（g）本币（g）本币）本币（本币）本币（本币）本币（本币）本币（本币）本币（本币）本币（本）本币（本）本币（本）本币（本）本币（本）本币（本）本币（本）本币（本）本币（本）本币（本）本币（本）本币（本）本币（本币（本）本币（本）本币（本）本币（本）本币（本）本币（本）本币（本）本币（本）本）本）（1240）o-1240；v）本周四周四，o（1240）o（1240）本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周日（50）mwbp，本周日，My瓦瓦瓦瓦尼（1240-n10[0-0-0-0-0-0-2-0-0-2）n10[0[0-0-0-2-2-2-2-2-2-2-2-3）2-0[2-2-2-3）n20[2[2-2-2-2-2-3]本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四奥兰（owg1）p800（a | d | t）pdxg | pg（13 | \-（[1-8]| c））|菲尔|皮雷| pl本研究（1240岁岁，uc）的研究者们（1240岁岁，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本研究，本本周四，h \-1240 0 0 0 0 0 0 0 0 1）本周四，h \-1240 0本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本周四，本|50 | t6（00 | 10 | 18 | ta（gt | lk）| tcl \-| tdg \-|电话（i | m）|蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·蒂姆·托托托托（P（124）到（P |本）去（P | 12）去（P）去（70| m——m——m——m3~1244）m——m——m——m-5 5）m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m-m 83 | 85 | 98 | w3c | | webc | whit | wi | g | nc | nw | wmlb | wonu | x700 | yas | your | zeto | zte | i.test（a.substr（0,4））检查=true
})（navigator.userAgent | navigator.vendor | window.opera）；
退货检查；
}
函数init（）{
var container=document.getElementById（'st-container'），
buttons=Array.prototype.slice.call（document.queryselectoral（“#st trigger effects>button”），
//事件类型（如果手机使用触摸事件）
eventtype=mobilecheck（）？“touchstart”：“单击”，
重置菜单=函数（）{
类别移除（容器，“st菜单打开”）；
},
车身单击FN=功能（evt）{
如果（！hasParentClass（evt.target，'st menu'））{
重置菜单（）；
document.removeEventListener（事件类型，正文单击fn）；
}
};
按钮。forEach（功能（el，i）{
var-effect=el.getAttribute（'data-effect'）；
el.addEventListener（事件类型、函数（ev）{
ev.stopPropagation（）；
ev.preventDefault（）；
container.className='st container'；//清除
添加类别（容器、效果）；
setTimeout（函数（）{
classie.add（容器，“st菜单打开”）；
}, 25);
document.addEventListener（事件类型，正文单击fn）；
});
});
}
init（）；
})（）；

html，
身体，
.st货柜公司，
圣普什先生，
.st内容{
身高：100%；
背景：#1A1A；
颜色：#48a770；
字体大小：300；
字体系列：“Lato”、Calibri、Arial、无衬线字体；
}
按钮：悬停{
背景：#fff；
颜色：#15ccb5；
}
.st内容，
.st内容内部{
位置：相对位置；
}
圣集装箱{
位置：相对位置；
溢出：隐藏；
}
圣普舍酒店{
位置：相对位置；
左：0；
z指数：99；
身高：100%；
-webkit转换：-webkit转换0.5s
jQuery(document).ready(function () {
        jQuery('#button-id').live('click', function (event) {
            jQuery('#leftcol').toggle('show');
        });
    });

#leftcol{display:none}