0

ボタンの 2 つのアクションを切り替えようとしています。

現在、「Top / Reveal」をクリックすると、黄色のブロックが上にスクロールするときに機能します。ボタンをもう一度クリックすると、黄色のブロックが下に移動して、緑色のブロックの高さが表示されます。

実際の例

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

1 に答える 1

1

scrollTop次のようにパラメーターを切り替えるだけです。

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

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

于 2013-04-23T21:28:34.700 に答える