点击后按钮上的jquery开关动作

时间:2013-04-23 21:14:32

标签: javascript jquery anchor

我正在尝试在按钮上的两个动作之间切换。

当黄色块向上滚动时,当前单击“顶部/显示”将起作用。再次单击该按钮应该向下移动黄色块以显示绿色块的高度。

Live Example

HTML

    <div class="block">
     <h2>This is green block is fixed</h2>

</div>
<div class="content" id="here">
    <div class="headerbar"> <a href="#here">Top / Reveal</a>

    </div>
</div>

JS

$("a href='#here'").click(function () {
    $("html, body").animate({
        scrollTop: 0
    }, "slow");
    return false;
});

1 个答案:

答案 0 :(得分:1)

只需切换您的scrollTop参数:

scrollTop: $("body").scrollTop() == 0 ? 300 : 0

http://jsfiddle.net/XFcJe/5/