Javascript 从容器中卸下垂直卷轴

Javascript 从容器中卸下垂直卷轴,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我不知道为什么,但如果我从容器中删除overflow:hidden,它会在一个页面中持续显示所有步骤。如果我允许y溢出,它会在自身上创建一个垂直滚动条,就像iframe一样,但我从未创建过iframe。 我认为错误在于contclass CSS 功能步骤\u过程(从、到、直接){ if(typeof(dir)=='undefined')dir='asc'; var old_move=''; var new_start=''; 无功转速=500; 如果(dir=='asc'){ 旧的移动='-'

我不知道为什么,但如果我从容器中删除
overflow:hidden
,它会在一个页面中持续显示所有步骤。如果我允许y溢出,它会在自身上创建一个垂直滚动条,就像
iframe
一样,但我从未创建过
iframe
。 我认为错误在于
cont
class CSS

功能步骤\u过程(从、到、直接){
if(typeof(dir)=='undefined')dir='asc';
var old_move='';
var new_start='';
无功转速=500;
如果(dir=='asc'){
旧的移动='-';
新开始=“”;
}else if(dir==“desc”){
旧的移动='';
新开始='-';
}
$('#块'+from).设置动画({
左:旧移动+100%
},速度,功能(){
$(this.css)({
左:“100%”,
“背景色”:“透明”,
“z索引”:“2”
});
});
$('#块'+to).css({
“z索引”:“3”,
左:新开始+100%
}).制作动画({
左:“0%”
},速度,功能(){
$(this.css)({
“z索引”:“2”
});
});
if(数学绝对值(从-to)==1){
//下一步
if(from结束)移动到步骤((步骤-1),结束,方向,步骤速度);
});
}
}
$(文档).ready(函数(){
$(“body”)。在(“单击“,”.progress\u bar.step.complete”,函数()上{
var from=$(this.parent().find('.current').data('step');
var to=$(this.data('step');
var dir=“desc”;
if(from
.cont{
宽度:100%;
溢出:隐藏;
高度:100vh;
利润上限:-80px;
}
.清楚{
明确:两者皆有;
}
.进度条{
最大宽度:820像素;
宽度:60%;
利润率:115px自动0;
位置:相对位置;
高度:45px;
z指数:10;
}
.进度条hr.所有步骤{
宽度:60%;
高度:7px;
边界:无;
背景:#DDDDDD;
边框底部:1px实心#fff;
位置:绝对位置;
底部:10px;
左:10%;
z指数:1;
}
.进度条hr.当前步骤{
宽度:0%;
边界:0;
高度:5px;
背景:#ea463d;
位置:绝对位置;
底部:12px;
左:10%;
z指数:3;
}
.进度条分段步骤{
浮动:左;
宽度:20%;
高度:50px;
文本对齐:居中;
字体大小:12px;
颜色:#ccc;
位置:相对位置;
文本阴影:1px 1px#fff;
-webkit过渡:所有0.3版本都易于使用;
-moz过渡:所有0.3秒都容易进入;
-ms转换:所有0.3秒轻松进入;
-o-过渡:所有0.3秒都容易进入;
过渡:所有0.3秒都容易进入;
}
.进度条分区步骤:之前{
位置:绝对位置;
宽度:12px;
高度:12px;
边界半径:20px;
边框:2倍实心透明;
背景:#ea463d;
底部:14px;
左:50%;
左边距:-6px;
内容:'';
z指数:4;
显示:无;
}
.进度条分区步骤:之后{
位置:绝对位置;
宽度:16px;
高度:16px;
边界半径:20px;
边框:2个实心#DDDDDD;
背景:#DDDDDD;
底部:12px;
左:50%;
左边距:-8px;
内容:'';
z指数:2;
}
.progress\u条分段步进电流{
颜色:#222;
}
.progress\u bar div.step.当前:之前{
显示:块;
}
.进度条分区步骤完成{
颜色:#888;
光标:指针;
}
.进度条分割步骤.完成:之前{
显示:块;
}
.progress\u条div.step.complete:悬停{
颜色:#555;
}
#块{
宽度:100%;
位置:相对位置;
高度:300px;
边缘顶部:50px;
}
#街区,街区{
位置:绝对位置;
宽度:100%;
左:100%;
高度:200px;
}
#积木,积木,包裹{
宽度:60%;
保证金:0自动;
}
/*CSS按钮http://codepen.io/daneden/pen/rcFJE*/
.屁股{
/*添加物*/
光标:指针;
右边距:5px;
/*末端添加*/
字体大小:.825em;
文字装饰:无;
字号:700;
填充:.35em 1em;
背景色:#eaeef1;
背景图像:线性梯度(rgba(0,0,0,0),rgba(0,0,0,0.1));
边界半径:3px;
颜色:rgba(0,0,0,0.6);
文本阴影:0 1px 1px rgba(255、255、255、0.7);
长方体阴影:0 0 1px rgba(0,0,0,0.2),0 1