如何设置和调用ScrollLeft()位置

时间:2016-04-04 00:14:32

标签: jquery html scroll position window

我想设置scrollLeft()位置并将其调回。这是我的代码......

http://codepen.io/jareko999/pen/PNJgMq

点击"缩小"你可以从左向右滚动。当您单击某个框时,它会关注该框。然后,当您单击"缩小"时,滚动将返回0.但是,我希望滚动到最初单击某个框时的位置。现在,如果你点击say,最后一个框,然后再缩小,scrollLeft位置会回到0.我知道我可以设置一个变量......

var scrollPosition = $('body').scrollLeft();

但我不知道从哪里去。即使我设置了这个变量,控制台也说它无法读取它。我是JS的新手,但我真的很想解决这个问题。如果您有更好的解决方案或使用scrollLeft()或其他方法解决此问题,请提供帮助。谢谢。

1 个答案:

答案 0 :(得分:0)

在JS文件中添加var scrollX = 0;作为全局变量。

然后在scrollX = document.body.scrollLeft;功能的顶部添加$('.box').click(function() {

最后,在document.body.scrollLeft = scrollX;功能的末尾添加function zoomOut() {

这是一个有效的代码:http://codepen.io/anon/pen/yOzmyN