單擊后jQuery對按鈕的切換操作

Question

我試圖在一個按鈕上的兩個動作之間切換。

當黃色方塊向上滾動時，當前單擊“頂部/顯示”即可。 再次單擊該按鈕，然后應將黃色塊向下移動以顯示綠色塊的高度。

現場例子

的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;
});

Answer 1

只需像這樣切換您的scrollTop參數：

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

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