Javascript 停止滚动条增长

我有一个页面可以水平滚动到其他页面（有点像幻灯片放映），但我这样做的方式是，当你点击导航栏的按钮时，我的滚动栏会变得越来越小。
我希望滚动条以页面宽度的宽度开始

$（文档）.ready（函数（）{
article.style.left=“-1000px”；
$（“按钮”）。单击（函数（）{
$（'button.current'）。removeClass（'current'）；
$（this.addClass（'current'）；
});
$（'#slide1'）。单击（函数（）{
article.style.left=“0”；
});
$（'#slide2'）。单击（函数（）{
article.style.left=“-500px”；
});
$（'#slide3'）。单击（函数（）{
article.style.left=“-1000px”；
});
$（'#slide4'）。单击（函数（）{
article.style.left=“-1500px”；
});
$（'#slide5'）。单击（函数（）{
article.style.left=“-2000px”；
});
});
*{
边界：0；
保证金：0；
填充：0；
}
html{
位置：相对位置；
最小高度：100%；
}
身体{
字体系列：“开放式Sans”、Arial、Helvetica、Sans serif；
利润率：0.30px；
溢出y：隐藏；
}
标题{
宽度：100%；
位置：固定；
z指数：10；
背景：#ffe7d9；
}
导航{
宽度：500px；
}
导航按钮{
宽度：18%；
框大小：边框框；
显示：内联；
列表样式类型：无；
光标：指针；
}
文章{
宽度：2500px；
位置：绝对位置；
过渡：1s轻松；
}
.第页{
宽度：490px；
高度：500px；
显示：内联块；
}


幻灯片1
幻灯片2
幻灯片3（开始）
幻灯片4
幻灯片5


$（文档）.ready（函数（）{
$（'html，body'）。设置动画({
左滚动：$（“#幻灯片_3”）.offset（）.左
}, 0);
$（“导航a”）。单击（功能（事件）{
$（“资产净值”）.removeClass（“选定”）；
var clickedId=event.target.id；
var scrollTo=$（“#幻灯片"+点击EDID）；
$（此）.addClass（“选定”）；
$（'html，body'）。设置动画({
scrollLeft:scrollTo.offset（）.left
}, 1000);
});
});
*{
边界：0；
保证金：0；
填充：0；
}
html{
位置：相对位置；
最小高度：100%；
}
身体{
字体系列：“开放式Sans”、Arial、Helvetica、Sans serif；
利润率：0.30px；
溢出y：隐藏；
}
标题{
宽度：100%；
位置：固定；
z指数：10；
背景：#ffe7d9；
}
导航{
宽度：500px；
}
导航a{
宽度：18%；
框大小：边框框；
显示：内联；
列表样式类型：无；
光标：指针；
}
li{display:inline；}
.所选{字体大小：粗体；}
文章{
宽度：2500px；
位置：绝对位置；
过渡：1s轻松；
}
.第页{
宽度：450px；
高度：500px；
显示：内联块；
}


幻灯片1
幻灯片2
幻灯片3
幻灯片4
幻灯片5

从
article.style.left=“0”开始而不是
article.style.left=“-1000px”，或者你根本不想要滚动条？（不确定我是否理解正确）对这些东西使用负定位导致了奇怪的滚动条行为。如何使用显示：无；在必须隐藏的元素上，然后编写一个转换以伪造滚动效果。不要在需要的位置上胡闹。@sTx那我怎么能让它在第三张幻灯片上开始呢？@Minegolfer-不，我显然不明白你想要什么；你能再解释一下滚动条应该是什么样子吗？@Shilly我确实需要滚动条，如果我这么做的话，滚动条就会消失。我很忙，你可以优化和减少jQuery选择器调用