如何在一个函数中设置全局变量并让另一个函数访问它

Question

我试图做的是，当你点击"设置"时，它将设置滚动变量位置。当您单击返回时，我希望它将滚动位置更改为上次"设置"的位置。

js小提琴：http://jsfiddle.net/qt2xxhtd/

.HTML：

<div class="set">Set</div>
<div class="last">Return</div>
<p>Lorem ipsum...</p>

.CSS：

div.set{
    width:50px;
    height:50px;
    margin:10px;
    background: red;
    position: fixed;
}
div.last{
    width:50px;
    height:50px;
    margin:10px;
    top: 80px;
    background: red;
    position: fixed;
}

j查询：

var scroll = $(window).scrollTop();
$('div.set').click(function(){
    var scroll = $(window).scrollTop();
});
$('div.last').click(function(){
    $(window).scrollTop(scroll);
});

Answer 1

var scroll = $(window).scrollTop();
$('div.set').click(function(){
    scroll = $(window).scrollTop(); // Don't use var here...
});
$('div.last').click(function(){
    $(window).scrollTop(scroll);
});

工作演示 ： http://jsfiddle.net/yd8dpgn2/

Answer 2

只需删除函数中的 var 关键字即可。这将阻止代码在函数中创建局部变量，以便它改用全局变量：

$('div.set').click(function(){
  scroll = $(window).scrollTop();
});