Javascript Html页面没有向下滚动?CSS

Javascript Html页面没有向下滚动?CSS,javascript,html,css,scroll,Javascript,Html,Css,Scroll,$(窗口).load(函数(){ $(“[数据切换]”)。单击(函数(){ var toggle_el=$(this).data(“toggle”); $(toggle_el).toggleClass(“打开边栏”); }); $(“.swipe区域”).swipe({ swipeStatus:功能(事件、阶段、方向、距离、持续时间、手指){ 如果(相位=“移动”&方向=“左”){ $(“.container”).addClass(“打开边栏”); 返回false; } 如果(相位=“移动”&方

$(窗口).load(函数(){
$(“[数据切换]”)。单击(函数(){
var toggle_el=$(this).data(“toggle”);
$(toggle_el).toggleClass(“打开边栏”);
});
$(“.swipe区域”).swipe({
swipeStatus:功能(事件、阶段、方向、距离、持续时间、手指){
如果(相位=“移动”&方向=“左”){
$(“.container”).addClass(“打开边栏”);
返回false;
}
如果(相位=“移动”&方向=“右”){
$(“.container”).removeClass(“打开侧栏”);
返回false;
}
}
});
});
#headerMenu{
宽度:100%;
高度:65px;
背景色:#212021;
}
#标志a{
颜色:#FFFFFF;
文字装饰:无;
字体系列:Helvetica、Arial、无衬线字体;
字体大小:25px;
背景色:#212021;
位置:绝对位置;
顶部:14px;
左:10px;
}
#页面内容{
位置:绝对位置;
顶部:100px;
填充:100px;
}
#校长{
宽度:40px;
高度:40px;
背景色:#212021;
垫面:5px;
位置:绝对位置;
顶部:7px;
左:70%;
}
#菜单img{
宽度:50px;
高度:50px;
背景色:#212021;
顶部:-2px;
左:85%;
}
身体
html{
保证金:0;
溢出:隐藏;
字体系列:helvetica;
字号:100;
}
.集装箱{
位置:相对位置;
宽度:100%;
左:0;
-webkit过渡:左0.4s易入易出;
-moz转换:左0.4s缓进输出;
-ms转换:左0.4s易进易出;
-o型过渡:左0.4s缓进输出;
过渡:左0.4s缓进缓出;
}
.container.open-sidebar{
左:240px;
}
.刷卡区{
位置:绝对位置;
左:0;
排名:0;
身高:100%;
背景:#FFFFFF;
z指数:0;
}
#边栏{
背景:#212021;
位置:绝对位置;
宽度:240px;
身高:100%;
左:-240px;
框大小:边框框;
-moz框大小:边框框;
}
#边栏ul{
保证金:0;
填充:0;
列表样式:无;
}
#侧栏ulli{
保证金:0;
}
#侧栏ul li a{
填充:15px 20px;
字体大小:16px;
字号:100;
颜色:白色;
文字装饰:无;
显示:块;
边框底部:1px实心#212021;
-webkit过渡:背景0.3s轻松输入输出;
-moz转换:背景0.3s轻松输入输出;
-ms转换:背景0.3s轻松输入输出;
-o型过渡:背景0.3s缓进缓出;
过渡:背景0.3s缓进缓出;
}
#侧边栏ul li:悬停a{
背景:#212021;
}
.主要内容{
宽度:100%;
身高:100%;
填充:10px;
框大小:边框框;
-moz框大小:边框框;
位置:相对位置;
}
.主要内容{
框大小:边框框;
-moz框大小:边框框;
左侧填充:60px;
宽度:100%;
}
.主要内容.内容h1{
字号:100;
}
.主要内容{
宽度:100%;
线高:160%;
}
.main content#侧边栏切换{
背景:#212021;
边界半径:3px;
显示:块;
位置:相对位置;
填充:10px 7px;
浮动:左;
}
.main content#侧边栏切换.bar{
显示:块;
宽度:18px;
利润底部:3倍;
高度:2倍;
背景色:#fff;
边界半径:1px;
}
.main content#边栏切换。边栏:最后一个子项{
页边距底部:0;
}
/*智能手机(纵向和横向)*/
@仅介质屏幕和(最小宽度:200px)和(最大宽度:300px){
#标志a{
颜色:#FFFFFF;
文字装饰:无;
字体系列:“Oxygen”,Helvetica,Arial,无衬线;
字体大小:23px;
背景色:#212021;
位置:绝对位置;
顶部:8px;
左:10px;
}
#校长{
宽度:37px;
高度:37像素;
背景色:#212021;
位置:绝对位置;
顶部:7px;
左:65%;
}
#菜单img{
宽度:45px;
高度:45px;
背景色:#212021;
顶部:-2px;
左:80%;
}
}
@仅介质屏幕和(最小宽度:0px)和(最大宽度:200px){
#标志a{
颜色:#FFFFFF;
文字装饰:无;
字体系列:“Oxygen”,Helvetica,Arial,无衬线;
字号:19px;
背景色:#212021;
位置:绝对位置;
顶部:15px;
左:5px;
}
#校长{
宽度:35px;
高度:35px;
背景色:#212021;
位置:绝对位置;
顶部:7px;
左:60%;
}
#菜单img{
宽度:40px;
高度:40px;
背景色:#212021;
顶部:-2px;
左:75%;
}
}

世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界
世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界
世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界
世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界
世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界
世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界你好世界
overflow-x: hidden;
.......|.......
.......y.......
.......|.......
–––––––––––x–––
.......|.......
.......|.......
.......|.......
 body, html {
     margin: 0;
     overflow: hidden;
     font-family: helvetica;
     font-weight: 100;
 }
 body, html {
     margin: 0;
     font-family: helvetica;
     font-weight: 100;
 }